These codes were the ones I used during the maintenance of this blog. The codes are from HTMLuv. The credits goes to them for arranging the codes and css-tricks for the original.
Step one. Copy and paste this code under <style type=”text/css”>
To change the background of the meter, find .meter > span then under it you will find background-color:, change #5a80a3 to your liking.
Step two. Paste this code where you want it to appear.
To change the width of the meter, change the 33% in the <span width=”33%”> code.
Step three. Paste this script between <head> and </head> tags.
Then that’s it. I added a code under where it says 33%. Because it is really hard to know how many percent is done, so yeah, it’s optional. Just delete it if you don’t want it.
I found the original website where they got the codes, so if you want other effects. Like some of the bar that are listed here, go to this tutorial.
Posted by fashion-and--etc 
27 of October 2012
