Progress Bar | XM Community
Question

Progress Bar

  • 23 November 2023
  • 2 replies
  • 36 views

Badge +2

Hi Everyone,

I hope all is well. Does anyone have a code for showing the percentage of completion (in the progress bar) that a respondent has left to finish the survey?

Thank you in advance.

Taylor


2 replies

Userlevel 6
Badge +18

Hi @Steph2023,

 

Have you tried exploring built-in progress bar functionality on the platform?

Link here :- https://www.qualtrics.com/support/survey-platform/survey-module/look-feel/general-look-feel-settings/#AddingAProgressBar

Userlevel 7
Badge +36

@Steph2023 

Kindly enable Progress bar with verbose text and add below code in Header.

<script>
Qualtrics.SurveyEngine.addOnReady(function(){
jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text(jQuery("#ProgressBarFillContainer span").text());
let str = jQuery('.ProgressBarFillContainer>div')[0].attributes[1].value;
let result = str.substr(7);
jQuery('.ProgressBarContainer>tbody>tr>td')[1].innerText= result;
});
</script>

It should show you current progress as well.

Hope it helps!

Leave a Reply