Anowar Hossain Rana

<p><strong>Dynamic progress bar that shows the reading progress of posts and pages.</strong><br />
<strong>Reading Progress Bar</strong> 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.</p>
<p><strong>Features:</strong></p>
<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>
<p>Thank you to the WordPress community and all contributors who help make this ecosystem amazing.</p>
<h3>Contact</h3>
<p>For support or inquiries, please reach out to <a href="mailto:cxranabd@gmail.com" rel="nofollow ugc">Learn With Rana</a>.</p>
<h3>Plugin Homepage</h3>
<p>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>.</p>


Reading Progress Bar

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

Raúl Rojas

<p>Most websites have no memory. Visitors return and see the same content with no recognition of what they’ve already explored. LekTrail changes that.</p>
<p><strong>For content sites</strong>: Show readers which articles they started but didn’t finish, and suggest new content based on their history.</p>
<p><strong>For e-commerce</strong>: Display recently viewed products so customers can easily return to items they were considering.</p>
<p><strong>For courses and documentation</strong>: Track progress through lessons or guides, showing what’s completed and what’s next.</p>
<h4>How It Works</h4>
<p>LekTrail tracks when visitors scroll through your content:</p>
<ul>
<li><strong>Viewed</strong>: Posts they started reading</li>
<li><strong>Completed</strong>: Posts they scrolled to the end (configurable threshold)</li>
<li><strong>Suggestions</strong>: Unread posts based on your configuration</li>
</ul>
<p>The widget displays three sections: “Continue Reading”, “Completed”, and “Suggested Reading”.</p>
<h4>Two Tracking Modes</h4>
<p><strong>localStorage Mode (Default)</strong></p>
<ul>
<li>Works for all visitors, no login required</li>
<li>Data stored in browser, completely private</li>
<li>Optional consent banner</li>
<li>Data clears if browser storage is cleared</li>
</ul>
<p><strong>Server-Side Mode</strong></p>
<ul>
<li>Requires logged-in users (WordPress users or membership plugin)</li>
<li>Reading history persists across devices</li>
<li>Useful for membership sites, courses, or personalized experiences</li>
<li>Anonymous visitors see suggestions only</li>
</ul>
<h4>Features</h4>
<ul>
<li>Gutenberg block and shortcode support</li>
<li>Works with any post type (posts, pages, products, custom types)</li>
<li>Configurable scroll threshold to mark content as “completed”</li>
<li>Show/hide excerpts and thumbnails</li>
<li>Suggestion order: random, recent, or related</li>
<li>Category filters for suggestions</li>
<li>Customizable labels (multilingual ready)</li>
<li>Optional consent requirement with built-in banner</li>
<li>Performance caching for suggestions</li>
</ul>
<h4>Development</h4>
<p>Source code and build tools are available on <a href="https://github.com/raulprdev/lektrail" rel="nofollow ugc">GitHub</a>.</p>


LekTrail Reading Tracker

Show visitors what they've read, what they started, and what to read next.

Reading Progress Bar vs LekTrail Reading Tracker