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

"Very Good Site " - Posted by goodsam on Wednesday Sep 10th, 2008 at 5:11am

"magic story very thanks " - Posted by razer22 on Wednesday Sep 10th, 2008 at 5:12am

"this is be cool 8) " - Posted by unlove on Wednesday Sep 10th, 2008 at 5:12am

"Northern Virginia Voters Chime In washingtonpost.com/wp-dyn/content/video/2008/09/11/VI2008091102914.html" - Posted by lisa on Friday Sep 12th, 2008 at 10:24am

"Palin Links Iraq & 9/11 | McCain: Link Is `Naive` voices.washingtonpost.com/the-trail/2008/09/11/palin_endorses_idea_mccain_cal.html" - Posted by john on Friday Sep 12th, 2008 at 10:32am

"Federal Judge Limits Access to Cellphone Data washingtonpost.com/wp-dyn/content/article/2008/09/11/AR2008091103292.html" - Posted by jane on Friday Sep 12th, 2008 at 3:14pm

"Has Obama Underestimated McCain? voices.washingtonpost.com/the-trail/2008/09/11/misunderestimating_mccain.html" - Posted by lola on Friday Sep 12th, 2008 at 3:20pm

"Cool site goodluck :) " - Posted by Mtqjbpcx on Saturday Sep 27th, 2008 at 11:38am