Change Firefox progress bar color
Posted by Percy Cabello on January 9th, 2007 • Tags:
ShareThis

Wine progress barTo 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.

Comments
David Naylor said on January 9, 2007, 7:02 pm:

Would be great to see a screenshot of what this looks like! :)

Percy Cabello said on January 10, 2007, 9:03 am:

Actually, I forgot to insert it. Now corrected. Thanks.

ffextensionguru said on January 10, 2007, 2:40 pm:

Getting a 404 on your link for more RGB colors :(

Percy Cabello said on January 10, 2007, 6:23 pm:

Thanks FFXG, corrected.

Bob said on January 11, 2007, 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?

Fx Tweak: Changing Progress Bar Color « Firefox Extension Guru’s Blog said on March 11, 2007, 12:40 am:

[...] Mozilla Links [...]