Change Firefox progress bar color

Published: January 9th, 2007

Wine progress bar To change the default color of Firefox’s progress bar (in the status bar and the Download window), enter this code in you userChrome.css file locate in your profile folder.

/* Change the progress bar color */
.progress-bar {
-moz-appearance: none !important;
background-color: #660000 !important;
}

To set your favorite color, change the RGB code (#660000). For example, enter:

#333366, for blue
#660000, for wine
#996600, for gold
#FFCCCC, for pink
#9900FF, for sky blue
#006600, for green

Check more RGB color codes here.

You can leave a response, or trackback from your own site.

5 Comments on “Change Firefox progress bar color”

Subscribe to this post's RSS feed

1. David Naylor
January 9th, 2007 at 7:02 pm
Would be great to see a screenshot of what this looks like! :)

[Reply]
2. Percy Cabello
January 10th, 2007 at 9:03 am
Actually, I forgot to insert it. Now corrected. Thanks.

[Reply]
3. ffextensionguru
January 10th, 2007 at 2:40 pm
Getting a 404 on your link for more RGB colors :(

[Reply]
4. Percy Cabello
January 10th, 2007 at 6:23 pm
Thanks FFXG, corrected.

[Reply]
5. Bob
January 11th, 2007 at 5:47 pm
In my world #9900FF is more of a purple than a sky blue.

It’s too bad the progress bar now becomes a solid line instead of the default boxes though. Any clues on how to keep the default look, but with a different colour?

[Reply]