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.

Marcin Pietrzak

Reading Position Indicator adds a stylish horizontal progress bar alongside your content, showing readers how far they’ve scrolled. It enhances user engagement by providing a clear visual cue of reading progress, ideal for blogs, articles, and long-form content.
Features 
* Horizontal progress bar displayed on posts and pages. 
* Customizable colors, opacity, rounded edges, and gradients. 
* Lightweight and performance optimized. 
* Easy setup with no coding required. 
* Translation ready. 
* Compatible with most WordPress themes.
Thank you <a href="http://pankajparashar.com/" rel="nofollow ugc">Pankaj Parashar</a> for your article on CSS-TRICKS about <a href="https://css-tricks.com/reading-position-indicator/" rel="nofollow ugc">Reading Position Indicator</a>

Reading Position Indicator

Add reading position indicator on page top.

Reading progressbar vs Reading Position Indicator