Anowar Hossain Rana

Dynamic progress bar that shows the reading progress of posts and pages. 
Reading Progress Bar enhances user engagement by adding a sleek progress bar at the top of your browser window as readers scroll through your content. This visual indicator not only improves user experience by showing how much content remains but also encourages visitors to continue reading. The progress bar can be easily customized to fit your site’s design through the plugin settings, allowing you to change its color with just a few clicks.
Features:
<ul>
<li>Dynamic progress bar that shows the reading progress of posts and pages.</li>
<li>Simple color customization options to match your website’s theme.</li>
<li>Lightweight and fast-loading, ensuring it doesn’t slow down your site.</li>
<li>Compatible with most WordPress themes and devices.</li>
</ul>
<h3>Acknowledgements</h3>
Thank you to the WordPress community and all contributors who help make this ecosystem amazing.
<h3>Contact</h3>
For support or inquiries, please reach out to <a href="mailto:cxranabd@gmail.com" rel="nofollow ugc">Learn With Rana</a>.
<h3>Plugin Homepage</h3>
For more information, visit the <a href="https://cxrana.wordpress.com/2024/08/11/wordpress-reading-progress-bar/" rel="nofollow ugc">plugin’s homepage</a>.

Reading Progress Bar

The Reading Progress Bar adds a stylish top-bar that shows reading progress, enhancing user experience on your pages and posts.

Sehrish Anam

Nuvora Reading Time & Progress Bar is a lightweight, developer-friendly plugin that adds two things readers love:
<ol>
<li>A reading time badge — shown before/after your post content.</li>
<li>A scroll progress bar — a sleek bar at the top (or bottom) of the screen that fills as the reader scrolls.</li>
</ol>
<h4>✨ What makes it different?</h4>
AI-assisted reading time adjustment 
Posts with lots of headings, bullet lists, and short paragraphs are scanned faster by readers. The plugin detects structure in your content and intelligently reduces the estimate — labelled “AI-adjusted” so readers know.
Per-post overrides via meta box 
Override the calculated reading time for any post. Hide the badge or progress bar per-post, right from the editor.
Accessibility-first design 
– Semantic <code>role="progressbar"</code> with live <code>aria-valuenow</code> updates 
– Meaningful <code>aria-label</code> on every element 
– Keyboard-focusable progress bar 
– Fully respects <code>prefers-reduced-motion</code> 
– Screen-reader-friendly badge with word count in ARIA label
Minimal & performant 
– No jQuery dependency (vanilla JS) 
– No external assets, fonts, or CDN calls 
– No database writes beyond settings 
– No user tracking whatsoever 
– ~1.5 KB JS / ~1.2 KB CSS (gzipped)
Elementor Widget included 
– Drag and drop the Reading Time widget directly in Elementor 
– Full widget controls for badge display and styling 
– Works seamlessly with Elementor’s responsive settings
Developer-friendly 
– Template tags: <code>rte_the_reading_time()</code>, <code>rte_get_reading_time()</code> 
– Filters: <code>rte_badge_html</code>, <code>rte_show_badge</code>, <code>rte_ai_adjustment_factor</code> 
– CJK (Chinese/Japanese/Korean) content support 
– Per-post type configuration
<h4>📐 Settings</h4>
<ul>
<li>Custom WPM (words per minute) — default 238</li>
<li>Enable/disable AI-assisted adjustment</li>
<li>Badge position: before content, after content, or both</li>
<li>Choose which post types show the badge and/or progress bar</li>
<li>Customise badge label text (use <code>{time}</code> placeholder)</li>
<li>Pick progress bar color, height (1–10 px), position (top/bottom)</li>
<li>Optional percentage tooltip on hover</li>
<li>Respect <code>prefers-reduced-motion</code> toggle</li>
</ul>
<h4>🔧 Template Tags</h4>
Use in your theme:
<pre><code><?php rte_the_reading_time(); // echoes "5 min read" ?>

<?php $data = rte_get_reading_time(); echo $data['minutes']; ?>
</code></pre>
<h4>🪝 Filters</h4>
Customise badge HTML: 
 add_filter( ‘rte_badge_html’, function( $html, $result ) { return $html; }, 10, 2 );
Disable badge conditionally: 
 add_filter( ‘rte_show_badge’, ‘__return_false’ );
Tweak AI adjustment factor (0.75–1.0): 
 add_filter( ‘rte_ai_adjustment_factor’, function( $factor, $html ) { return 0.85; }, 10, 2 );

Nuvora Reading Time & Progress Bar


I was having an issue with post timing, but after downloading and using this plugin, my problem was solved. It’s a great plugin


Good Plugin

A minimalist, accessible reading time badge + scroll progress bar. AI-assisted time adjustment, per-post overrides, zero tracking.

Reading Progress Bar vs Nuvora Reading Time & Progress Bar