A progress bar allows website visitors to see how many steps there are in a webform. When a form is being completed, the progress bar visually indicates how much of the form has been completed and how much remains.
When you should use a progress bar
- For forms that span across multiple steps or pages
When you should avoid using a progress bar
- For single page forms that don't have multiple steps or pages
Guidelines
Do:
- Use for webforms that contain two or more steps or pages
Don't:
- Use for forms that only has one step
Add a progress bar
To show the progress bar in a webform:
- Navigate to Structure > Webforms > Forms and locate your webform by typing its name into the search
- Open your webform and navigate to Settings > Form
- In the Form wizard settings section, select the Show wizard progress bar checkbox.
Need any more help?
If you have any questions, or require assistance with anything mentioned in this article, submit a request via the webform.