Step 5: Preview Reading Progress Indicator

[shaownhasane]

Here you need to select "Content" in the first drop-down menu and "Remaining reading time (minutes)" in the second drop-down menu.

Then, click Insert.

Add dynamic reading time indicator in Thrive Theme Builder
You should now see the new text "0 minutes remaining" in the post northeast phone number meta. You can change this text to your liking.

In our case we decided to remove the word "remaining".

Edit the reading time indicator in Thrive Theme Builder
Don't forget to click "Save Work" when you're done.


After configuring the progress bar settings, you can visit your blog post to see the progress bar running.

If you would like to preview the column instead of viewing it live on the website, you can click the "Preview" button below. Thrive Theme Builder allows you to preview your website on desktop, tablet and mobile devices.

Preview your website on Thrive Theme Builder
Please feel free to make any necessary changes.

This is what our reading progress bar looks like:

Reading progress bar made with Thrive Theme Builder
Method 2: Use a free plug-in to add a reading progress bar
If you want to add a simple reading progress bar to your WordPress publication for free, you can use the Catch Scroll Progress Bar plugin.

This reading progress bar plugin will automatically display a reading counter on your pages and publications and can be easily customized to your liking.