Best answer by AnthonyR
View original
How do I change the color of the progress bar?
Userlevel 3
+1
How do I change the color of the progress bar?
Userlevel 7
+7
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!
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!
FYI for future users - the coding may have changed since this was posted. I got it to work with:
> .Skin .ProgressBarFill {
> background-color: green;
> }
> .Skin .ProgressBarFill {
> background-color: green;
> }
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;
}
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.