Display different progress bar for different branches | XM Community
Question

Display different progress bar for different branches

  • 5 February 2020
  • 4 replies
  • 449 views
R
Userlevel 2
Without using custom HTML, is there a way to show different progress bars for two different branches in a survey? I have two groups of respondents for which branch A and branch B of question blocks are displayed. My current progress bar shows the percentage of completion for A+B questions even though group A will only see questions under branch A and group B, branch B.

4 replies

rondev
Rank
Userlevel 7
Badge +22
You can use the below code on each question to show desired progress percentage on that question:
`jQuery(".ProgressBarFill").css("width","50%");`

Change 50% as required
Ron Dev (DM for any request. Freelancer, surveysolution.in)
S
Badge

Thank you for this information, which -I too- wish to use in my survey.
Can anyone please give me a jump start? I am a Qualtricx noob and do not know (yet) where to insert this jQuery command.
I tried -in vain- to use it as custom text for the next button and as a custom footer, but that did not work for me.
Thank you for your help.

Appzk
Rank
Userlevel 6
Badge +28

Will this jQuery work on mobile? I believe no

Tom_1842
Rank
Userlevel 7
Badge +27

@Appzk it is working on mobile on my end.

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
jQuery(".ProgressBarFill").css("width","50%");
});

 

Leave a Reply


Terms & Conditions