FAQ content

Forms: Display a progress bar on a form

In this article

A progress bar can help your users know how close they are to completing your form. The progress bar can be customized to include text reflecting the percent or number of questions completed and can be positioned either at the top or bottom of the form.

A progress bar at the bottom of a form
Example of a progress bar on a form

To enable and customize the progress bar:

  1. While editing your form, click on the Form Options tab.
  2. Click on the Look and Feel panel to expand it.
  3. Select the Display Progress Bar checkbox.
  4. For the Position option, choose whether to display the progress bar at the Bottom or Top of the form.
  5. Use the Display Progress as dropdown to customize how the user's progress is represented.
    • # of Questions: progress will be displayed based on the number of questions completed vs. the total number of questions in the form (i.e. "2 out of 10").
    • % (percent): progress will be displayed as the percentage completed (i.e. "50% complete").
    • No Text (Progress Bar Only): this will not overlay any text over the status bar. Users will only see the progress bar itself, which will increase as the user completes questions.
  6. Click the Save Changes button.
Progress bar options