PHP/CSS Donations Thermometer

Posted May 14th, 2006 by Mike Cherim

You know those donation thermometers you see sometimes? The ones where the level of the mercury marks the charity’s progress? Well, I made one for the web using PHP and CSS. It started life as a growth gauge I made for a friend’s son, then I had the notion of making it a thermometer or gauge for measuring and displaying charity’s donations progress. Next thing I know, my friend’s friend, a person who in fact runs a charity, sees it and comes to the same conclusion as I and requests the gauge. This is for them I suppose.

I had a nice working model, accessible too, but I had to set the percentage manually. I asked Jona to lend me a hand with the math part of the script to remove the percentage-setting need. What I ended up with is a pretty cool tool I think. The scripting and CSS are available in supporting text files to those who want it. I just want a courtesy link back is all :)

You can read more about the Donations Gauge — which is set up as another crazy experiment at — or you go directly to the demo to play around with it. Have fun.

3 Responses to: “PHP/CSS Donations Thermometer”

  1. iiq374 responds:
    Posted: May 18th, 2006 at 7:19 pm

    Nice - especially with the css involvement

  2. Craig responds:
    Posted: July 12th, 2006 at 7:33 pm

    That’s a very nice little script. Keep up the good work!

Sorry. Comments are closed.

Note: This is the end of the usable page. The image(s) below are preloaded for performance only.