Work in Progress Bars

Sunday, June 18th, 2006
Tags: ,

UPDATE: there is a new WordPress plugin available that allows you to manage your projects and displays these progress bars in your sidebar.

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

All of the responses that I’ve gotten on my progress bars have been from blogspot bloggers, so for now I’ll be putting off making a WordPress plugin out of it and simply offering it as a bit of php code. 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>

Related Posts:

1 Comment to “Work in Progress Bars”

  1. Hi there! I’m one of Ning’s Developer Advocates. Thanks very much for the mention!

    We’re more than happy to host people’s progress bar code. Thing is, you can make it even easier for people by creating a Ning app that includes the code. That way, people don’t have to down/upload anything – they just have to clone your Ning app, which can be done in a couple of clicks.

    You can also add some caching features so that the image doesn’t have to be completely rebuilt every time – here’s a good short tutorial: http://tech.ning.com/?action=post&id=726244

    Let me know if you want any assistance with this – reach me at yoz (at) ning.com.

    Comment by Yoz
    June 19, 2006 @ 2:38 pm

Comments RSSGet a Gravatar

Sorry, the comment form is closed at this time.