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.

Adhitya Rachman

Create a reading page scroll progress indicator bar to show how much the user has scrolled through of current page. Easy Scroll Progress Indicator has unlimited background color and has 4 indicator bar position. You can put the indicator bar on the top, bottom, left or right.
Thank you Online Tutorials for your youtube video about <a href="https://www.youtube.com/watch?v=NNwh7796f2Y" rel="nofollow ugc">Page Scroll Progress Indicator using Html CSS and jQuery</a>.

Reading progressbar vs Easy Scroll Progress Indicator