Progress Bars

8% Progress 32% Progress 65% Progress 100% Progress

I’ve seen lots of progress bars on various knitting blogs, and I’ve always really wanted one. I didn’t really like any of the ones I found on the net, so I decided to make my own. They use php to dynamically generate PNG files. I introduced a neat little (customizable) colour scale, too; it goes from purple to green to orange to pink!

If you don’t have a place to host the php file, you can get free hosting from Ning, which you may recognize as the site that hosts Cute Overload‘s voting system. (If you come across a cute little caramel bunny, vote for it above all others! It’s one of my submissions. Represent.)

Download the Progress Bars!
Download!

To use the bars:

  1. Download and unzip the progress.zip file.
  2. Upload the “progress” folder to wherever you’ll be hosting it.
  3. To display the image, use the following code:
    <img title="25% Progress" src="your_host.com/progress/progress.php?percent=25" />
    Replace the 25 with whichever number you wish and replace your_host.com with your host path.
  4. If you have any questions, just ask! I’d be delighted to help.

If you want to provide a link to this post below your bars so other folks can use them as well, I’d appreciate it. Just copy and paste this code:

<a href="http://needles.guzzlingcakes.com/progress-bars/" title="Get these progress bars!">Get these progress bars!<a>