Display different progress bar for different branches | XM Community
Skip to main content
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.
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

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.

Will this jQuery work on mobile? I believe no

@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