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. Read more...
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.