Some authors want to add progress bars to their blog. However, most authors are not web designers or developers. So they don’t know how to do this. Well, there is a secret in the html development world. The secret is that “Everything is easy once you know how to do it.” Yes, it is actually pretty easy to add a progress bar. I just added a progress bar to my blog.
Creating a Progress Bar on your Blog
Step 1. Create an HTML Widget for your side bar.
Using your blogging engine (WordPress or Blogger or whatever) create an html widget. In WordPress you would use a Text widget.
Step 2. Paste in the following html code
1st draft of Book 2 <div id="progressbar" style="background-color:black;border-radius:6px;padding:3px;"> <div style="background-color:#dd6013;width:30%;height:10px;border-radius:4px;"></div> </div>
It will look like this: