A progress indicator, or progress bar, is a graphical element that visualizes the status of a particular task or process. Progress indicators provide visual cues that help respondents understand how far along they have advanced in your survey. SurveyJS Form Library ships with a progress bar that can show different types of progress information or allow users to switch survey pages.
Display a Progress Bar
A progress bar can be displayed above, below, or above and below a survey. Set the
showProgressBar property to
"both" to display the progress bar at a specified position. In this demo, you can use the
showProgressBar drop-down menu to switch between the positions.
You can also specify the information the progress bar displays: the number of completed pages, answered questions, answered required questions, or correct answers. Use the
progressBarType property to do this.
Display Jump Links
Respondents can use the progress bar as a navigation element to jump between survey pages. Set the
progressBarType property to
"buttons" if you want to enable this functionality. Use a page's
navigationTitle property to specify button captions for each page. In this demo, you can display jump links if you select
"buttons" from the
progressBarType drop-down menu.