Join millions who empower their websites with ElementsKit Elementor Addons. Get templates, & 100+ widgets...
Light weight fully customizable reading progress bar. Sticks to top, bottom or sticky menu, with fallback for small screens. Includes ert (beta).
WP Reading Progress is a WordPress plugin designed to enhance user experience on long articles by displaying a reading progress bar. It shows the reader's progress through the article and can be customised in terms of location, appearance, and behaviour. The plugin is particularly useful for bloggers and website owners who want to improve engagement on lengthy content.
The progress bar can be positioned at the top or bottom of the screen and can be set to appear on specific post types or individual posts. It also includes a rudimentary estimated reading time feature, which can be turned off if it does not function correctly with your theme.
Best for: This plugin suits bloggers and website owners who publish long-form content.
What it does well
Where it falls short
WP Reading Progress offers a straightforward way to enhance user engagement on lengthy articles. Its customisation options make it adaptable for various site needs.
Joeri van Veen's own description of WP Reading Progress, lightly tidied.
The reading progress bar is a great user experience on longreads. Especially if it accurately depicts the reading progress in the article text, and nothing else. This is standard on single blog posts and enabled by default.
Customization:
Location top of screen, bottom of screen or below sticky elements.
Select post types you wish the bar to appear, or individual posts.
Choose color of the reading progress bar.
Have the bar start at 0% even when part of the article is visible.
Behaviour:
The reading progress bar has smooth initializing since part of the text may already be visible, after that a lightweight update-function ensures quick response while scrolling.
The bar can attach itself to multiple (sticky) elements that you define as an admin, the first visible element will be used.
When there is no (longer a) visible element to attach to, the bar displays at the top.
Use dir=rtl on your html tag to have the bar display correctly for right-to-left languages.
Estimated reading time (beta)
Since 1.6.0 this plugin has rudimentary estimated reading time functionality, for when your theme does not support it out of the box.
There are some potential issues, some of which cannot be fixed in a plugin. If it does not work for you, switch it off. It will have no effect on the plugin then.
This is my 6th WordPress plugin but my first one freely available to everybody. I hope you enjoy using it as much as I enjoy building it!
Regards,
Joeri
Other plugins for site navigation.
Join millions who empower their websites with ElementsKit Elementor Addons. Get templates, & 100+ widgets...
Elementor Carousel, Mega Menu, Posts List/Slider, WooCommerce Widgets, Display Conditions, AI Abilities, Prema...
Elementor templates, Header footer builder, Elementor Post Grid, Woocommerce Grid builder, Slider, Forms, Gall...
Adds breadcrumb navigation showing the visitor's path to their current location.
Add icons to WordPress navigation menus easily — pick from Font Awesome, Dashicons, image icons & more. St...
Create a welcome notification bar for your website. Also, My Sticky Bar plugin can make your menu or header st...