How do I change the color of the progress bar? | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

How do I change the color of the progress bar?

  • Dec 8, 2017 7:59 PM UTC
  • 3 replies
  • 531 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!
View original

    3 replies

    AnthonyR
    Level 4 ●●●●
    Forum|alt.badge.img+7
    • AnthonyR
    • Level 4 ●●●●
    • Answer
    • Dec 8, 2017 9:30 PM UTC
    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
      • Merina
      • Aug 24, 2018 5:48 PM UTC
      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
        • kyrahs
        • Mar 11, 2022 9:54 PM UTC

        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;
        }

        Terms & ConditionsAccessibility statement