Progress Bar

• 

  mylibrarycardworeout · Member · Oct 10, 2010 at 12:08 am

  • Copy link
  • Add topic to favorites

  Is there any website that has a progress bar that could be put on wordpress. I would like to use one for my blog but cannot seem to find one. Can anyone help?
  My website is http://mylibrarycardworeout.wordpress.com/
  Thank you very much.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 10, 2010 at 1:50 am

  • Copy link

  Here is some code that basically uses inline CSS in divs to produce a progress bar. Colors can be changed as you wish, and to set the width of the green progress bar, you change the percentage in the width in the second div (55% right now).

  <div style="border:1px solid #ccc;width:100px;float:left;background:white;margin:2px 5px 2px 0;padding:1px;"><div style="width:55%;background-color:#ACE97C;height:12px;"></div></div>

  If this will work for you, I can make any changes that you want to it. I found this online and adapted it so that it would work here at wordpress.COM.

• 

  justjennifer · Member · Oct 10, 2010 at 7:08 am

  • Copy link

  Nice! My WordPress.com knitting friends will be very happy to see this since we can’t use the javascript one. Up until now, we’ve used an image. :) Thanks tsp!

• 

  thesacredpath · Member · Oct 10, 2010 at 7:11 am

  • Copy link

  You’re welcome. I’ll be adding text to it also that reflects the percent complete (will have to be manually changed when you change the percent width of the bar.

• 

  mylibrarycardworeout · Member · Oct 16, 2010 at 6:24 pm

  • Copy link

  Thank you very much.