October 5th 2008

jQuery Progress Indicators

For a page I was working on this week I needed a static progress indicator to give a visual representation of the status of a list of projects. I looked at the following progress indicators:

before I settled on using the indicator I found at http://t.wits.sg/2008/06/20/jquery-progress-bar-11/. I really liked Matt’s indicators, but they were a little overkill for what I was trying to do.

Live Demo | Download (HTML, CSS, JavaScript)

End Product:

Before Image

jQuery:

HTML Markup:

I hope this post helps you or at least points you to some other options if this doesn’t work for you.