How do I change the color of the progress bar? | XM Community
Skip to main content
Solved

How do I change the color of the progress bar?

  • December 8, 2017
  • 3 replies
  • 456 views

Barnaby
Qualtrics Employee
Forum|alt.badge.img+1
How do I change the color of the progress bar?

Best answer by AnthonyR

Open your Look and Feel Menu Selecting the "Advanced" tab Click on the green "Add Custom CSS" button Paste the following in to the box that appears: .ProgressBarFill{ background-color: green; } Update "green" to the html color code of your choice!

3 replies

AnthonyR
Level 4 ●●●●
Forum|alt.badge.img+7
  • Level 4 ●●●●
  • Answer
  • December 8, 2017
Open your Look and Feel Menu Selecting the "Advanced" tab Click on the green "Add Custom CSS" button Paste the following in to the box that appears: .ProgressBarFill{ background-color: green; } Update "green" to the html color code of your choice!

Forum|alt.badge.img
  • August 24, 2018
FYI for future users - the coding may have changed since this was posted. I got it to work with: > .Skin .ProgressBarFill { > background-color: green; > }

Forum|alt.badge.img
  • March 11, 2022

Another update for future users, I needed to employ the !important declaration in my code for it to work.
.Skin .ProgressBarFill {
background-color: green !important;
}