Sehrish Anam

<p><strong>Nuvora Reading Time & Progress Bar</strong> is a lightweight, developer-friendly plugin that adds two things readers love:</p>
<ol>
<li><strong>A reading time badge</strong> — shown before/after your post content.</li>
<li><strong>A scroll progress bar</strong> — 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>
<p><strong>AI-assisted reading time adjustment</strong><br />
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.</p>
<p><strong>Per-post overrides via meta box</strong><br />
Override the calculated reading time for any post. Hide the badge or progress bar per-post, right from the editor.</p>
<p><strong>Accessibility-first design</strong><br />
– Semantic <code>role="progressbar"</code> with live <code>aria-valuenow</code> updates<br />
– Meaningful <code>aria-label</code> on every element<br />
– Keyboard-focusable progress bar<br />
– Fully respects <code>prefers-reduced-motion</code><br />
– Screen-reader-friendly badge with word count in ARIA label</p>
<p><strong>Minimal & performant</strong><br />
– No jQuery dependency (vanilla JS)<br />
– No external assets, fonts, or CDN calls<br />
– No database writes beyond settings<br />
– No user tracking whatsoever<br />
– ~1.5 KB JS / ~1.2 KB CSS (gzipped)</p>
<p><strong>Elementor Widget included</strong><br />
– Drag and drop the Reading Time widget directly in Elementor<br />
– Full widget controls for badge display and styling<br />
– Works seamlessly with Elementor’s responsive settings</p>
<p><strong>Developer-friendly</strong><br />
– Template tags: <code>rte_the_reading_time()</code>, <code>rte_get_reading_time()</code><br />
– Filters: <code>rte_badge_html</code>, <code>rte_show_badge</code>, <code>rte_ai_adjustment_factor</code><br />
– CJK (Chinese/Japanese/Korean) content support<br />
– Per-post type configuration</p>
<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>
<p>Use in your theme:</p>
<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>
<p><strong>Customise badge HTML:</strong><br />
    add_filter( ‘rte_badge_html’, function( $html, $result ) { return $html; }, 10, 2 );</p>
<p><strong>Disable badge conditionally:</strong><br />
    add_filter( ‘rte_show_badge’, ‘__return_false’ );</p>
<p><strong>Tweak AI adjustment factor (0.75–1.0):</strong><br />
    add_filter( ‘rte_ai_adjustment_factor’, function( $factor, $html ) { return 0.85; }, 10, 2 );</p>


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.

Iftakharul Islam

<p>The Reading Progress Bar plugin adds a beautiful, customizable progress bar to your blog posts, allowing readers to see how much they have scrolled through the content. This feature helps to enhance the reading experience and provides a visual indication of the user’s progress.</p>
<p><strong>Key Features:</strong><br />
– 🎨 <strong>Modern Dashboard</strong>: Beautiful, intuitive admin interface with live preview<br />
– 🌈 <strong>Advanced Customization</strong>: Gradient colors, shadows, borders, and effects<br />
– 📱 <strong>Responsive Design</strong>: Works perfectly on desktop, tablet, and mobile<br />
– ⚡ <strong>Performance Optimized</strong>: Smooth animations and efficient code<br />
– 🎯 <strong>Per-Post Control</strong>: Enable/disable for individual posts<br />
– 📊 <strong>Reading Time</strong>: Display estimated reading time<br />
– 🎪 <strong>Live Preview</strong>: See changes in real-time as you adjust settings</p>
<h3>Features</h3>
<h3>Core Functionality</h3>
<ul>
<li><strong>Reading Progress Tracking</strong>: Real-time progress bar that shows how much of the post has been read</li>
<li><strong>Per-Post Control</strong>: Enable/disable progress bar for individual posts</li>
<li><strong>Reading Time Estimation</strong>: Display estimated reading time for posts</li>
<li><strong>Responsive Design</strong>: Works perfectly on desktop, tablet, and mobile devices</li>
</ul>
<h3>Advanced Customization</h3>
<ul>
<li><strong>Color Options</strong>:
<ul>
<li>Solid color picker with WordPress native color picker</li>
<li>Gradient color support with start and end colors</li>
<li>Custom shadow colors and effects</li>
<li>Border color and width customization</li>
</ul>
</li>
</ul>
<h3>Visual Effects</h3>
<ul>
<li><strong>Position Control</strong>: Place progress bar at top or bottom of screen</li>
<li><strong>Size Customization</strong>: Adjustable height (1-20px)</li>
<li><strong>Border Radius</strong>: Rounded corners (0-50px)</li>
<li><strong>Opacity Control</strong>: Adjust transparency (0.1-1.0)</li>
<li><strong>Shadow Effects</strong>: Customizable shadow with color and blur options</li>
<li><strong>Border Styling</strong>: Optional border with custom color and width</li>
</ul>
<h3>User Experience</h3>
<ul>
<li><strong>Smooth Animations</strong>: Fluid progress updates with CSS transitions</li>
<li><strong>Performance Optimized</strong>: Uses requestAnimationFrame for smooth scrolling</li>
<li><strong>Keyboard Navigation</strong>: Space bar and arrow key support</li>
<li><strong>Touch Gestures</strong>: Swipe support for mobile devices</li>
<li><strong>Accessibility</strong>: High contrast mode and reduced motion support</li>
</ul>
<h3>Dashboard Features</h3>
<ul>
<li><strong>Modern Admin Interface</strong>: Beautiful, responsive dashboard with tabs</li>
<li><strong>Live Preview</strong>: See changes in real-time as you adjust settings</li>
<li><strong>Statistics</strong>: View posts with progress bar enabled vs total posts</li>
<li><strong>Organized Settings</strong>: Grouped options for easy configuration</li>
</ul>
<h3>Configuration</h3>
<h3>Basic Settings</h3>
<ol>
<li>Navigate to <strong>Settings > Reading Progress Bar</strong></li>
<li>Configure appearance options:
<ul>
<li><strong>Color</strong>: Choose solid color or enable gradient</li>
<li><strong>Height</strong>: Set progress bar height (1-20px)</li>
<li><strong>Position</strong>: Top or bottom of screen</li>
<li><strong>Border Radius</strong>: Add rounded corners</li>
<li><strong>Opacity</strong>: Adjust transparency</li>
</ul>
</li>
</ol>
<h3>Advanced Effects</h3>
<ul>
<li><strong>Shadow</strong>: Enable shadow with custom color and blur</li>
<li><strong>Border</strong>: Add border with custom color and width</li>
<li><strong>Gradient</strong>: Use gradient colors instead of solid color</li>
</ul>
<h3>Display Settings</h3>
<ul>
<li><strong>Show on Posts</strong>: Enable/disable for blog posts</li>
<li><strong>Show on Pages</strong>: Enable/disable for pages</li>
<li><strong>Show Reading Time</strong>: Display estimated reading time</li>
</ul>
<h3>Per-Post Settings</h3>
<ul>
<li>Edit any post and look for the “Reading Progress Bar” meta box</li>
<li>Check/uncheck to enable/disable for that specific post</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.6 or higher</li>
<li>PHP 7.3 or higher</li>
<li>jQuery (included with WordPress)</li>
</ul>
<h3>License</h3>
<p>This plugin is released under the GPL-2.0+ license. You can find a copy of the license in the <code>license.txt</code> file or visit <a href="http://www.gnu.org/licenses/gpl-2.0.txt" rel="nofollow ugc">http://www.gnu.org/licenses/gpl-2.0.txt</a> for more information.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit the <a href="https://ifatwp.wordpress.com/2023/10/17/blog-reading-progress/" rel="nofollow ugc">plugin page</a> or create an issue on GitHub.</p>
<p><strong>Made with ❤️ for the WordPress community</strong></p>


Reading Progress Bar

A modern WordPress plugin that adds a customizable reading progress bar to your blog posts with advanced styling options.

Nuvora Reading Time & Progress Bar vs Reading Progress Bar