How to change the text displayed in the progress bar? | XM Community
Skip to main content
Currently there is "Survey completion" displayed. In German "Umfragenfortschritt". Can I change this text?
You could do this with JavaScript. Assuming you have the Progress Bar turned on with verbose text then to replace the Survey Completion text go to your survey Look & Feel. Go to General and in Header switch to html and input the following:

<script>
jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text("Umfragenfortschritt");
</script>
Thanks this works. Is it also possible to change it only for a certain language? Like if I want to change only the German text (without affecting the english text).
Ah - sorry, misunderstood the initial question and thought that a translation hadn't been included for the progress bar. I see now that it has but you want to change the default text whatever language it may be in. There may be a better way to do this but you could always adapt the code to check the initial value and then based on what it returns then you can update the text. Try this:

<script>
var ProgressLabelTxt = jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text();

if (ProgressLabelTxt == "Survey Completion") {
jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text("New English Text");
} else if (ProgressLabelTxt == "Umfragenfortschritt") {
jQuery("table.ProgressBarContainer tbody tr td:eq(0) label").text("New German Text");
}
</script>

Unfortunately this isn’t working for me - I suspect that Qualtrics has changed the container name. Is there anywhere we can look up what the container name and JS functions for the progress bar are? Thank you!


Thanks this works. Is it also possible to change it only for a certain language? Like if I want to change only the German text (without affecting the english text).

Don’t we have a solution for this after 5 years?


I tried this script and worked beautifully for me to change the label of the progress bar.

This script should be placed in the survey's header. It waits until the survey page is fully rendered and then replaces the default progress bar text with the desired custom text.
 

<script type="text/javascript">
Qualtrics.SurveyEngine.addOnReady(function() {
// This function runs after the page is fully displayed.
// It finds the progress bar's verbose text label and changes its content.

// Define the new text for the progress bar label.
var newLabelText = 'Form Completion';

// Use a precise jQuery selector to target the label.
// This selector is robust across different Qualtrics themes.
var progressBarLabel = jQuery('td.ProgressBarVerboseText label');

// Fallback selector for older themes if the primary one fails.
if (progressBarLabel.length === 0) {
progressBarLabel = jQuery('table.ProgressBarContainer td:first-child label');
}

// Check if the element was found before trying to change its text.
if (progressBarLabel.length > 0) {
progressBarLabel.text(newLabelText);
}
});
</script>

Hope this helps someone.