Form: Add a progress bar to your pages and forms

Learn how to use the Progress bar block in your pages and forms.


The progress bar is a great way to show your users their progress on a form. 


Before you start

Things you need to know:

  • This article assumes you are either editing or creating a new page or form.
    To learn how, check out the Pages and forms section Create, view, and edit.

Add a progress bar block

To add a progress bar block to your page or form:

  1. Expand the Form block menu, then drag the Progress bar block onto the EasyEditor canvas.
  2. To change the display of the bar, select the block to open the settings menu on the right-side. Expand the Progress type drop-down menu, and choose either Progress bar or Progress dots.
  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.


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

See also

Did you find this article helpful?

Can we help?

Thanks for using Dotdigital. If you need more help or support, then contact our support team.