Links
elektronika
aparaty
shop
komputer
Add a progress bar like html snippet to my website?
October 11th, 2009 Posted by: admin
I’m looking to track my overall progress for class attendance this semester, i.e. have a quick graphical look at how many classes I have attended vs. how many I have yet to complete… how can I add a piece of HTML code to my website to publicly track this? I’m just looking for something simple, like a progress bar that represents 100% completion with a green portion representing the attended classes and red representing classes still to come. Any help is much appreciated. Thank you!
By: myesparta
By: myesparta
Tags: Class Attendance, Html Code, Progress Bar

October 14th, 2009 at 11:08
a quick and easy way to do this using HTML and CSS would be:
50%
Just change the pixel width of the inner div box and the associated % text within it and you’re good to go. You can also change the color of the border and progress bar if you’d like.
Sorry for the format, I was trying to make sure that it’d completely show up properly in the answer box.