A progress bar can be added to a quiz to help shoppers understand how far they are through the quiz and how much is left. It can improve completion rates and reduce drop-off, especially for longer quizzes.
To add a progress bar to a quiz and customize its styling:
Edit a quiz and navigate to the Configure tab.
Expand General Settings and scroll to the Progress Bar settings.
Select the Bar Type:
Bar — long: A bar taking up the full width of the quiz.
Bar — short: A compact bar centered in the quiz.
Choose the Bar Color to match your brand's colors. The secondary color of the bar — which indicates the amount of questions remaining — automatically matches the Secondary Text color used for the quiz.
Choose whether the bar should appear Above or Below the quiz questions.
Select from a variety of Text Types to indicate question progress, and choose whether this text should appear Above or Below the quiz questions.
Examples of different progress bar styles:
