CSS Progress Bar (Class Demo)

Back to seandempsey.com - New England Web Creation & Tools

80%

This code has no javascript, no dhtml, etc. It is pure CSS (with 3 images) and a very simply PHP interface


PHP Code:

//param 1 = name
//param 2 = your progress
//param 3 = total amount possible (defaults to 100)
//param 4 = display bar automatically
//param 5 = (optional) animated? (defaults to true)
//param 6 = (optional) relative path to images used for css

$pbar = new progress_bar('pbar', 80, 100, TRUE);

Try it for Yourself

Progress
Out of Total
Animated?

Download Class (and Example)


Your Rating      Overall Rating   

Comment on this Code

Your Name
Comment

Recent Comments

"Man -- this is just what I was looking for! A cool, good-looking (and `static`) progress bar." - Posted by Jim on Monday Jul 7th, 2008 at 9:42pm

"not working in ff3.. " - Posted by ff3 on Monday Jul 14th, 2008 at 9:33am

"I have tested the class on Firefox and Mozilla. I have no problems. Odd" - Posted by Sean Dempsey on Tuesday Jul 15th, 2008 at 9:24pm

"hiM5JV fvdf87y978sdct9bvd892hbsc" - Posted by darry on Monday Aug 25th, 2008 at 9:45pm

"hiM5JV fvdf87y978sdct9bvd892hbsc" - Posted by darry on Monday Aug 25th, 2008 at 9:46pm