Code Blog
We know what is the code

Home Page




Add a progress bar like html snippet to my website?

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



Tags: , ,

One Response to “Add a progress bar like html snippet to my website?”

  1. bt_sb Says:

    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.

Leave a Reply