Progression bar movement | XM Community
Skip to main content

Hi there!

 

I am  new Qualtrics user and have been asked if there is a way to make the progression bar move along at a more steady pace.  The middle of the survey tends to move more slowly and then jumps at the end.  I have attempted to read and understand similar posts.  I do not have a lot of skip logic programmed in.  I read about a java script code to add, but I would need step by step instructions since I am a novice user.  I don’t understand how it works or what I need to customize. 

Hi @yml 
By default, the Qualtrics progress bar calculates progress based on the number of questions answered, which can cause uneven jumps if some questions or blocks are longer than others.

Because the bar is updated every time a page/block transition happened. So If your survey flow is linear and each block is in 1 pagge, I can give you a example set-up that give progress bar update base on block.
Survey flow like this


Add this JavaScript code to every 1st question of each block. Remember to change the total block number acording to yours

Qualtrics.SurveyEngine.addOnload(function() {

    var currentBlock = parseInt(Qualtrics.SurveyEngine.getEmbeddedData("currentBlock"), 10); 

    var totalBlocks = 3; // Adjust this to the total number of blocks in your survey

    var currentProgress = ((currentBlock - 1) / totalBlocks) * 100;

    console.log("Total Blocks: " + totalBlocks);
    console.log("Current Block: " + currentBlock);
    console.log("Calculated Progress: " + currentProgress.toFixed(2) + "%");

    document.querySelector(".ProgressBarFill").style.width = currentProgress + '%';
});

Let me know if it help you

Leave a Reply


Terms & Conditions