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 a sticky menu
-
Choose color of the reading progress bar
-
Have the bar start at 0% even when part of the article is visible
-
Select post types you wish the bar to appear, or individual posts
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
-
When the sticky menu disappears during resizing or scrolling the progress bar automatically defaults to displaying at the top of the screen
-
If there is no single article identified (by class names or id) it uses the whole page to calculate progress
-
Attachment to a sticky element can be either absolute (default) or relative (use the checkbox in settings)
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!
IMPORTANT NOTES:
- css classes ‘ruigehond006’ and ‘progress’ are scheduled for removal in a next version, if you target the bar in css use ‘#ruigehond006_inner’.
Regards,
Joeri (ruige hond)
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.