How to add Reading Progress Bar for AMP

Have you ever been to a Website where the scroll seems to be endless and you read and read and the document doesn’t simply stop? Lately, a lot of websites (mainly pages where long articles are published) have started to implement a kind of indicator that displays in a progress bar located at the top of the document that updates when the user scrolls down.

The progress depends on how far you have scrolled down on the article, pretty simple and cool featured, don’t you think? This helps the user to know how far he’s from the finish the publication.

Step 1 – First, you need to purchase and install the Reading Progress Bar for AMP plugin.

Here are the steps:

1. Download and Install Reading Progress Bar for AMP.
2. Upload and Activate
3. Done! The Reading Progress Bar for AMP will be visible on the AMP version of your site.

Step 2 – You will find this option in WordPress Dashboard -> AMP option panel -> Navigate to AMP Reading Progress Bar Option -> Settings -> Enable “Page Scroll Progress Indicator” option.

Step 3 – Hit the “Save Changes” button.

The Output of the Reading Progress Bar for AMP.

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.