Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Manipulating the progress bar


I wanted to put some labels on the progress bar that informs respondents that they have finished part 1/5, 2/5...etc or 25%, 50% ..etc.
How can I add such labels to the progress bar as we think it might reduce the drop-outs.

asked Jun 7, 2019 by AMYN Bronze (3,000 points)

1 Answer

+3 votes
Best answer
Assuming the progress bar is still being shown on the page, you can print out the progress from the progress bar by placing this script on your page:

<span class="progressBarPercent"></span>

    $('.progressBarPercent').text($('.progress_bar_inner').attr('style').replace(/[^0-9%]/g, ''));
answered Jun 7, 2019 by Zachary Platinum Sawtooth Software, Inc. (177,175 points)
selected Jun 10, 2019 by AMYN
Thank you very much, I will add this to the progress bar and check the feedback
Hiding the Progress Bar
Aligning the text