Progress Indicators
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 "top", "bottom", or "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.