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.

Whodunit

Jb Audras

Maxime Pertici

Get a reading position indicator as a progress bar and show it where you want: top, bottom or custom position in differents templates or post types.
Very lightweight, it uses <code><progress></code> HTML5 element and few lines of javascript.
Options:
<ul>
<li>Progress bar’s height</li>
<li>Foreground color</li>
<li>Background color</li>
<li>Position (top, bottom, custom)</li>
<li>Class/ID of HTML element to fix the bar (if custom position selected)</li>
<li>Page templates</li>
<li>Post types (natives or custom)</li>
</ul>
Credits :
<ul>
<li><a href="http://jeanbaptisteaudras.com/" title="Jean-Baptiste Audras" rel="nofollow ugc">Jean-Baptiste Audras</a>, project manager at <a href="http://www.whodunit.fr/" title="Whodunit WordPress Agency" rel="nofollow ugc">Whodunit</a> and WordPress developer. @audrasjb on <a href="https://twitter.com/audrasjb" title="@audrasjb on Twitter" rel="nofollow ugc">Twitter</a> or <a href="https://github.com/audrasjb" title="@audrasjb on Github" rel="nofollow ugc">Github</a>.</li>
</ul>

Reading progressbar

Easy to configure and works well :)

Does the job perfectly

Super, fait ce qu'il doit faire et il le fait bien.

Merci beaucoup pour ce plugin.

Simple et efficace

A reading position indicator that you can use where you want: top, bottom or custom position in differents templates or post types.

TDD Progress Bar vs Reading progressbar