Last Updated on April 2, 2018 by Fabrizio Van Marciano
In this post you'll discover and learn about some free simple WordPress plugins you can use that will allow you to add a reading progress bar to your WordPress site or blog.
One of my obsessions as a web designer is ensuring that I do everything that I can to make a site as user-friendly as possible.
I recently added a new feature to the Magnet4Blogging blog, which I'm sure some of you will have noticed.
What's this new feature?
Well, I've added a (hopefully, nonobstructive) reading progress bar above the site header.
You may have noticed the trend some websites are following, in particular, blogs.
Many blog owners are providing some type of animated indicator feature to give their readers an indication of how far along they have read a blog post or page article.
Personally, I think the idea of adding a non-obstructive interactive feature like this, particularly on your blog, is brilliant. And, especially if you value your readers time.
I've heard some folks argue that using any kind of reading progress indicator feature can be distractive for blog readers. What do you think?
OK, so originally I was searching for a tutorial on how to actually hard code this into my WordPress site or theme, however, I've yet to find a solution that doesn't actually end up breaking my site.
So, in the meantime, I found a couple of really nifty little plugins that can do the job quite well.
One of these plugins and the one I'm currently using is called 'Reading Position Indicator' by Marcin Pietrzak,.
If you've been looking for a really simple way to add a reading progress bar to your WordPress blog yourself, then I recommend you check this plugin out.
Here's how to install it and configure it on your WordPress blog.
OK, so just do a quick search for the plugin 'Reading Position Indicator' via your plugins page in your WordPress dashboard, or, just head over to this page to download it.
I always recommend installing any WordPress plugin directly from the repository, or downloading it first then uploading it to your dashboard.
Or, if you prefer to use an FTP client, you can also do it that way. Which ever method you prefer.
Once you have installed and activated the plugin, just head over to Appearance > Progress to change the visual and functional preferences to suit your website.
Here's what you can do with this plugin -
Check out the screen shot below.
Once you have everything in place, check to make sure it's looking and working great on your blog.
If for what ever reason you don't like the plugin above, you might also want to check out these other great plugins.
Options include -
Worth The Read - is another lightweight, minimal-distractive reading progress bar that comes with a cool reading time commitment feature that you can control separately.
Like the other plugins mentioned above, you can change the color and placement of the progress bar on your posts or pages, as well as have control over width, offset values, and transparency.
So there you have it, three simple plugins and three simple solutions for adding a great user-friendly feature to your WordPress blog.
Leave me your comments below as always.
In the meantime, enjoy.