How to Add a Reading Progress Bar to Your WordPress Posts

Have you ever considered adding a reading progress bar to your blog posts?

Progress bars serve as great little indicators that show your readers how much of an article they have left to read. As your readers scroll through the post, the progress bar will automatically fill up until they reach the end of the article, in which the progress bar will be completely full.

Here’s a sample of what they look like:

These progress bars are beneficial to your readers because they’ll be able to gauge their progress of an article at any time, instead of wondering how long it’ll take to finish.

How to install a reading progress bar

If you’re using WordPress, all you need to do is install the WP Reading Progress plugin.

First, go to Appearance > Plugins from your WordPress dashboard.

Then, search for “WP Reading Progress” in the search bar, install it, and activate it.

Once it’s installed, you can go to Settings > WP Reading Progress to customize the progress bar.

Configure the settings however you’d like. You have the option to choose whether it sticks to the top or bottom of a page, adjust the height of the progress bar, change the color + more.

I recommend changing the color to match the colors of your theme. When you’re done, click the  Save Settings button.

And that’s it! Check your posts to find the new reading progress bar there.

Let me know what you think of this plugin in the comments!