Aman Joshi

<p>Reading Time and Progress Bar is a WordPress plugin designed to enhance reader engagement and provide a better user experience on blogs. It automatically calculates the estimated reading time for each post and displays a progress bar at the top of the page, which fills as the reader scrolls through the content.</p>
<p>This plugin is easy to set up and compatible with any WordPress theme, ensuring that all users can benefit from its features without any coding knowledge required.</p>
<h3>Arbitrary section</h3>
<p>You can extend the functionality of this plugin by adding custom CSS to style the progress bar and adjust the reading time calculation per your preferences.</p>
<h3>A brief Markdown Example</h3>
<p>Ordered list:<br />
1. Some feature<br />
2. Another feature<br />
3. Yet another feature</p>
<p>Code block:<br />
function example_function() {<br />
return ‘This is a code block’;<br />
}</p>
<p>For more information and support, visit <a href="https://aimactgrow.com/" rel="nofollow ugc">our website</a>.</p>


Reading Time and Progress Bar


This plugin is very simple and works effectively for my blog website.


Simple yet effective

A simple WordPress plugin that displays the estimated reading time and a progress bar at the top of your blog posts as readers scroll through.

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.

Reading Time and Progress Bar vs Reading Progress Bar