Fx Tweak: Changing Progress Bar Color

Posted: Wednesday, January 10, 2007 by El Guru in Firefox, Fx 2.0, Fx 3.0, Tips & Tweaks

Note: For this tweak I recommend using the ChromEdit Plus

This tweak allows you to change the color of the progress bar in your status bar. Simply add these lines to your userChrome.css file located in your profile folder:

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

To specify the color, choose your color here and note the six-digit hex code. Within the code you have copied from above to your userChrome.css file, replace ‘660000’ with the six-digit hex code for the color you have chosen. Make sure you include the ‘#’ in front of the six-digit hex code. When you are done editing your userChrome.css file, close and restart Firefox and the changes should take effect right away. This tweak works with most versions of Firefox.

Mozilla Links

Permalink

Comments
  1. […] Change Progrss Bar Color – Changes the color of the progress bar in your status bar. […]

  2. [T5D] Blog says:

    Make Firefox load-bars Pretty

    I have a post for all you self respecting people who use firefox.
    The following website contained instructions on howto change the colour of the progress bar:
    https://ffextensionguru.wordpress.com/2007/01/10/fx-tweak-changing-progress-bar-color/trackbac

Leave a comment