Customize Progress Bar | XM Community
Skip to main content
Solved

Customize Progress Bar


Forum|alt.badge.img+2

Hello All,

How do I customize the color of my progress bar in my survey? 

Thank you in advanced.

Best answer by qualtrics_nerd

Hi @Steph2023 ,

You can use below CSS code and add it to the Custom CSS in Style tab of Look and Feel :



 

.Skin .ProgressBarFill {
    background-color: #ba0c2f !important;

}


You can replace #ba0c2f with any color name or its hex code(preferred ).

Hope this resolves your query😊!
 

View original

2 replies

qualtrics_nerd
Level 5 ●●●●●
Forum|alt.badge.img+19
  • Level 5 ●●●●●
  • 225 replies
  • Answer
  • June 22, 2023

Hi @Steph2023 ,

You can use below CSS code and add it to the Custom CSS in Style tab of Look and Feel :



 

.Skin .ProgressBarFill {
    background-color: #ba0c2f !important;

}


You can replace #ba0c2f with any color name or its hex code(preferred ).

Hope this resolves your query😊!
 


Forum|alt.badge.img+2
  • Author
  • Level 2 ●●
  • 2 replies
  • June 23, 2023

Thank you so much @qualtrics_nerd! I appreciate your assistance. 😊


Leave a Reply