Progress bar in certain areas | XM Community
Skip to main content

Is it possible to add a progress bar for specific sections of a survey (e.g. progress bar for beginning of survey, progress bar for last part of survey separately) or does it have to be the entire experience?

You can add your own progress bar using a html <progress> tag and either pipe the value or set the value with JavaScript.

Do you know how the piping or JavaScript options would work?

Do you know how the piping or JavaScript options would work?

For piping, if you had an embedded data field ‘percent’ that contained the percentage, you would do this:

<progress id="pbar" style="width:100%" value="${e://Field/percent}" max="100">

To set the value with JavaScript, you would do something like this:

var percent = 50;
jQuery("#pbar").val(percent);

 

simple and to the point solution TomG, really like this one.

Leave a Reply


Terms & Conditions