renp

A lightweight responsive progress bar which will work with your favourite HTML5 theme.
It works with major browsers, is configurable and only dependency is jQuery which is heavily used by WordPress themes.
Usage
Use the shortcode [rprogress] anywhere while editing your post or page. Below are some examples:
<ul>
<li>[rprogress value=80] displays a progress bar with value of 80%</li>
<li>[rprogress value=95 text=”Homework nearly completed”] writes a text as well</li>
<li>[rprogress value=75 color=”#ff0000″] uses red color for the progress bar</li>
<li>[rprogress value=70 color=”#00ff00″ delay=300] uses green color, draws the progress bar faster (default delay is 1000)</li>
</ul>
Below is a complete list of attributes with default values as well:
<ul>
<li>value (default = 100)</li>
<li>color (default = “#4af”)</li>
<li>bgcolor (default = “#cc” )</li>
<li>delay (default = 1000)</li>
<li>border_radius (default = “3px”)</li>
<li>text (default = “”)</li>
<li>text_color (default = “#333”)</li>
</ul>

Responsive Progress Bar

Shortcode for displaying a responsive configurable progress bar.

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.

Responsive Progress Bar vs Reading progressbar