Taylor Dewey

TDD Progress Bar allows you to track the progress of multiple projects. Actually, as many as you’d like. A cool feature is the ability to “race” multiple projects at once. Progress bars are managed in the admin side and displayed using shortcode. Oh, and did I mention it has a very pretty animation?
<h3>Usage</h3>
In the menus, you’ll see a new menu for “Progress Bars” which is what you’ll use to add and manage progress bars. There’s also an area here for settings, but honestly if you never touch them, things will work fine.
After configuring a progress bar, insert it anywhere you’d like with shortcode.
<ul>
<li>Simple example: <code>[progress id=32]</code></li>
<li>Race multiple bars: <code>[progress id=32,35,54]</code></li>
<li>Set the bar’s width: <code>[progress ids=12,33 width="25%"]</code></li>
<li>Set the height of the bar `[progress ids=12 height=”50px”]</li>
<li>Align Center: <code>[progress ids=4 width="50%" class="aligncenter"]</code></li>
</ul>
Note that “id” and “ids” are interchangeable
Or use the widget which allows you to pick bars to display

TDD Progress Bar

Configure and display any number of percent-complete progress bars.

Joeri van Veen

The reading progress bar is a great user experience on longreads. Especially if it accurately depicts the reading progress in the article text, and nothing else. This is standard on single blog posts and enabled by default.
Customization:
<ul>
<li>
Location top of screen, bottom of screen or below sticky elements.
</li>
<li>
Select post types you wish the bar to appear, or individual posts.
</li>
<li>
Choose color of the reading progress bar.
</li>
<li>
Have the bar start at 0% even when part of the article is visible.
</li>
</ul>
Behaviour:
<ul>
<li>
The reading progress bar has smooth initializing since part of the text may already be visible, after that a lightweight update-function ensures quick response while scrolling.
</li>
<li>
The bar can attach itself to multiple (sticky) elements that you define as an admin, the first visible element will be used.
</li>
<li>
When there is no (longer a) visible element to attach to, the bar displays at the top.
</li>
<li>
Use <code>dir=rtl</code> on your html tag to have the bar display correctly for right-to-left languages.
</li>
</ul>
Estimated reading time (beta)
Since 1.6.0 this plugin has rudimentary estimated reading time functionality, for when your theme does not support it out of the box. 
There are some potential issues, some of which cannot be fixed in a plugin. If it does not work for you, switch it off. It will have no effect on the plugin then.
This is my 6th WordPress plugin but my first one freely available to everybody. I hope you enjoy using it as much as I enjoy building it!
Regards, 
Joeri

WP Reading Progress

Light weight fully customizable reading progress bar. Sticks to top, bottom or sticky menu, with fallback for small screens. Includes ert (beta).

TDD Progress Bar vs WP Reading Progress