
You know that cool little icon in the upper right-hand corner of your Firefox browser? That is your Firefox throbber - yeah, I don’t like the name either. However, its job is to let you know when there is still data being transferred from a site’s server by going through its animation cycle. In reality, the throbber is simply a combination of gif images. When no data is loading, and it is sitting still, you should see a still gif. However, when data is being loaded and the throbber is activated then the browser displays an animated gif. The process of making your own throbber is really simple, and it gives your browser a customized feel.


The first thing you will need is an idea that will translate well to a tiny square no bigger than 50×50 pixels. For my throbber, I made an animated gif that fit the look of Zerosign.net. I made a simple design using MS Paint and drew out four different gifs that could be combined together to form an animated gif. I used a really simple gif animator program that I found online here. Once you’re happy with the animations, all that’s left is modifying some Firefox code.
Navigate to “C:/Documents and Settings/username/Application Data/Mozilla/Firefox/Profiles/xxxxxx.default/chrome”. In this directory, there should be a file called ‘userChrome-example.css’. Edit this file by adding the following lines of code to the top of the file and renaming it to ‘userChrome.css’.
toolbar #navigator-throbber { list-style-image: url(”newzero1.gif”) !important; }
toolbar #navigator-throbber[busy=”true”] { list-style-image: url(”newzeroani.gif”) !important; }
Of course, you would change the gif names to correspond to the names of your own image files. Then, after adding your gifs to this directory, restart Firefox. When your browser comes back, your new throbber will be there. For a slightly more detailed explanation of this process you can check out UrbanMainframe’s post about the topic.

If you would like to use my image files, you are welcome. They are really simple and if more than five minutes was spent on the process, I’m sure you could get some better effects. But if you so choose:
[newzero1.gif]
[newzeroani.gif]