Piotr Szarmach

<p>This plugin allows to display reading progress of single article using horizontal progress bar. You can customize following plugin options:</p>
<ul>
<li>define which <strong>post types</strong> should be supported</li>
<li><strong>top</strong>, <strong>right</strong>, <strong>bottom</strong> and <strong>left</strong> position display</li>
<li>setting progress bar height</li>
<li>hiding progress bar after reading complete</li>
<li>two autohide bar animations (slide, fade out)</li>
<li>setting background and foreground progress bar color</li>
</ul>
<h4>Usage</h4>
<p>All customizable options are available under <strong>settings -> readings</strong> section.</p>
<h4>Installation and usage video</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/muJz-wULIQc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Translations</h4>
<p>Plugin is available in <strong>english</strong> and <strong>polish</strong> languages.</p>


Post Reading Progress

This plugin allows to display reading progress of single article using horizontal progress bar.

Code Canel

<p>Do you find that potential readers frequently bypass your posts due to concerns about the time investment? Are you inadvertently losing valuable readership as a result?</p>
<p>The Reading Time & Progress Bar plugin effortlessly showcases the estimated reading duration for blog articles, coupled with an engaging progress bar. This feature not only provides visitors with a swift understanding of the time commitment required for reading a post but also serves as a motivating factor to encourage them to read through to the conclusion.</p>
<p>Typically, visitors initially attempt to scan an entire post, aiming to glean as much information as possible at a glance. By specifying the reading time in minutes, this approach not only engages users but also serves as a powerful motivator to encourage them to delve into the post’s content.</p>
<p>Enhance the reader’s experience with a user-friendly progress bar that elegantly tracks their position within the post. As readers scroll through the content, this sleek progress bar provides real-time feedback, visually illustrating the remaining portion of the post. This intuitive feature not only informs readers of their progress but also guides them effortlessly through the article, offering a clear sense of how far they’ve come and how much more lies ahead.</p>
<p>This plugin employs a cutting-edge image time calculation method to enhance your content. If your post includes images, the plugin seamlessly calculates the time required to view these visuals. You have the flexibility to customize this experience by setting the desired pace, specifying the number of images per minute, ensuring a tailored and engaging reading journey for your audience.</p>
<h3>Key Features:</h3>
<ol>
<li>Easy-to-use and intuitive interface</li>
<li>Customize freedomly</li>
<li>Responsive and mobile-friendly design</li>
<li>Lightweight and optimized for fast loading</li>
<li>Cross-browser compatible</li>
</ol>
<h3>Features:</h3>
<h4>General Features</h4>
<ul>
<li>Post Types</li>
<li>Word Per Minute</li>
<li>Include Comments</li>
<li>Include Images</li>
<li>Images Per Minute</li>
<li>Reading Time Text : Singular</li>
<li>Reading Time Text: Plural</li>
<li>Export & Import</li>
</ul>
<h4>Reading Time Features</h4>
<ul>
<li>Display on</li>
<li>Text Position</li>
<li>Text Prefix</li>
<li>Text Suffix</li>
<li>Typography</li>
<li>Text Color</li>
<li>Background Color</li>
<li>Custom CSS</li>
<li>Preview</li>
</ul>
<h4>Reading Progress Bar Features</h4>
<ul>
<li>Display Position / Template</li>
<li>Height</li>
<li>Style (Preset Template)</li>
<li>Offset</li>
<li>Content Offset</li>
<li>RTL Support</li>
<li>Background Opacity</li>
<li>Foreground Opacity</li>
<li>Border Radius</li>
<li>Foreground Color</li>
<li>Background Color</li>
<li>Custom CSS</li>
<li>Preview</li>
</ul>
<h3>License</h3>
<p>This plugin is licensed under the GPL-2.0-or-later: GNU General Public License v2.0</p>
<h3>Contribute</h3>
<p>The full source code is available on <a href="https://github.com/codecanel/reading-time-progress-bar" rel="nofollow ugc">GitHub Repository</a>. Feel free to contribute or report an issue.</p>


Reading Time & Progress Bar

The Reading Time & Progress Bar plugin enhances your blog with an estimated reading time and a stylish progress bar.

Post Reading Progress vs Reading Time & Progress Bar