Skip to main content

Form: Add a progress bar to your pages and forms

Use the Progress bar block to show respondents how far they are through a multipage form.

Written by Gareth Burroughes
Updated this week

A clear visual indicator helps reduce drop-off and keeps respondents oriented as they move through each section.

The progress bar automatically updates to display the current page and total number of pages, giving respondents a sense of where they are and how much they have left to complete.

progress-1.png

Before you start

Things you need to know:


Add a progress bar block

  1. Expand the Form block menu, then drag the Progress bar block onto the EasyEditor canvas.

    progress-block.png

  2. To change the display of the bar, select the block to open the settings menu. Expand the Progress type drop-down menu, and choose either Progress bar or Progress dots.

    progress-type-dropdown.png

  3. To edit the style of the progress bar, select Manage bar styles. On the side panel, select the default progress bar to open the style editor. When you’re ready, select Apply.

    edit-style.png

That’s it! Continue editing your page or form.

Did this answer your question?