Comment on page
Display user progress through a form flow.
Progress indicators such as completion bars and step counts are helpful in giving responders a sense of how far along in the flow they are. Especially for longer flows, showing progress indicators can help conversion, as user expectations are set correctly from the outset, and feedback is given as every step is completed.
To enable progress bars, see Progress indicators within the style set editor.
The linear layout type
The subway stops layout type
The text layout type
The sizes, colors, and other aspects of these layout types can be further customized within the style editor.
You can use the Vertical position in the Progress Indicator menu within the style editor to change the placement of the progress bars.
By default, progress indicators show users the position of the user's current step within the total number of steps within the flow.
Counting groups, with labels shown
To avoid having a progress indicator that jumps around, the progress indicators always include every step in the denominator - the percentage completion is just
current step index / total number of stepsThis is why sometimes the progress bar may jump: the responder is skipping over steps that were conditionally disabled.
Note that consecutive steps that all use the same variables as their condition but check for different values of that condition are collapsed together when calculating progress, as a responder would only ever be able to access one of those steps.