Add Percentage Sign (%) After Slider Value in Qualtrics | XM Community
Skip to main content
Solved

Add Percentage Sign (%) After Slider Value in Qualtrics

  • November 9, 2025
  • 2 replies
  • 19 views

Forum|alt.badge.img+1

How can I add a percentage sign (%) after each value displayed in a slider type question?

Best answer by gPandey_715

Hi ​@cand829 ,

Please try adding the below JavaScript in the JS section of your slider question:
 

Qualtrics.SurveyEngine.addOnReady(function () {

  const ulElement = document.querySelector('#' + this.questionId + ' .numbers') || document.querySelector('#question-' + this.questionId + ' .numbers');

  if (ulElement) {

    const listItems = ulElement.querySelectorAll('li');

    listItems.forEach(li => {

      li.textContent = li.textContent.trim() + '%';

    });

  }

});

2 replies

gPandey_715
Level 3 ●●●
Forum|alt.badge.img+8
  • Level 3 ●●●
  • 45 replies
  • Answer
  • November 9, 2025

Hi ​@cand829 ,

Please try adding the below JavaScript in the JS section of your slider question:
 

Qualtrics.SurveyEngine.addOnReady(function () {

  const ulElement = document.querySelector('#' + this.questionId + ' .numbers') || document.querySelector('#question-' + this.questionId + ' .numbers');

  if (ulElement) {

    const listItems = ulElement.querySelectorAll('li');

    listItems.forEach(li => {

      li.textContent = li.textContent.trim() + '%';

    });

  }

});


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • November 9, 2025

Hi ​@gPandey_715 ,

That worked, thanks