How to change the text value of progress bar | XM Community
Skip to main content
Michael_Cooksey
Administrator
20 days ago

How to change the text value of progress bar

  • November 30, 2022
  • 9 replies
  • 722 views
R
Forum|alt.badge.img+2

Hi Community,
I'm trying to work with progress bar that change the text value while proceeding to each page and not stuck at 0%
image.png

Pinned reply

April 20, 2023

Hi @harendra.kumar , in addition to the discussion Deepak linked which will display the current progress above the progress bar, the other code Deepak posted is below which will update the 0% on the left of the progress bar with the current progress:

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

 

9 replies

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • Deepak
  • 1549 replies
  • November 30, 2022

ricsdpl
Try enabling verbose text in progress bar and add the below code in the general>header>source. It will then show you the current progress as you can see below.



Screenshot_2022-12-01-04-52-16-47_40deb401b9ffe8e1df2f1cc5ba480b12.jpgHope it helps!

R
Forum|alt.badge.img+2
  • ricsdpl
  • Author
  • 34 replies
  • November 30, 2022

Hi Deepak, Is there no way to change the value of 0% instead to show you the current progress

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • Deepak
  • 1549 replies
  • December 1, 2022

ricsdpl
You can use the below code to update the 0% include this in the header>source

Hope it helps!

Tom_1842
1 person likes this
  • Tom_1842
    Tom_1842
H
Level 2 ●●
Forum|alt.badge.img+3

Hi @Deepak 

Where can I get the code? Can you please share the same? 

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • Deepak
  • 1549 replies
  • April 20, 2023

@harendra.kumar 

The below discussion should be helpful

 

Hope it helps!

H
1 person likes this
  • H
    harendra.kumar
Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • 876 replies
  • April 20, 2023
Pinned reply

Hi @harendra.kumar , in addition to the discussion Deepak linked which will display the current progress above the progress bar, the other code Deepak posted is below which will update the 0% on the left of the progress bar with the current progress:

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

 

H
1 person likes this
  • H
    harendra.kumar
H
Level 2 ●●
Forum|alt.badge.img+3

Thanks Both, I have one more question related to look and feel of the survey. When I use “Flat” layout them Other specify box comes below that option, is there any way to adjust it in same row? Ex

Other, please specify: --------------------------

Deepak
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+44
  • Deepak
  • 1549 replies
  • April 20, 2023
harendra.kumar wrote:

Thanks Both, I have one more question related to look and feel of the survey. When I use “Flat” layout them Other specify box comes below that option, is there any way to adjust it in same row? Ex

Other, please specify: --------------------------

Kindly post it as new discussion 

H
Level 2 ●●
Forum|alt.badge.img+3
Deepak wrote:
harendra.kumar wrote:

Thanks Both, I have one more question related to look and feel of the survey. When I use “Flat” layout them Other specify box comes below that option, is there any way to adjust it in same row? Ex

Other, please specify: --------------------------

Kindly post it as new discussion 

I did that, please have a look. 

Leave a Reply


Terms & Conditions