WP Reading Progress


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.


  • location top of screen, bottom of screen or below a sticky menu

  • choose your color of the reading progress bar

  • possibility to use the whole page, not only the article, on single blog posts

  • select other (custom) post types you wish the bar to appear

  • activate reading progress for archive pages (I would leave that unchecked)


  • 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 due to a media query (for instance), the progress bar automatically defaults to displaying at the top of the screen

  • Background is transparent white, only there for subtle contrast

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!

Feel free to fork it on Github as well, if you want to play with the code

Joeri (ruige hond)


  • WP Reading Progress settings page
  • Example of the reading progress bar on my photography blog


  1. Install the plugin, by default it only works on single blog posts and uses an orange colour

  2. Go to settings->WP Reading Progress to customize it

It uses one option array which is removed upon uninstall, leaving no traces


Julai 18, 2019
Works like a charm. Is lightweight, only 2,5Kb of JS added to the frontend. JS could be minimized to reduce footprint even further. Minor issue: Has a minor problem where it momentarily disappears on mobile devices when the topbar of the browser is either hidden or shown (depending on scroll down or up)
Jun 15, 2019
I want to thank you for creating this plugin. I had seen so any plugins that offer this function; but, many of them are not kept updated to be both flexible and support higher versions of PHP. Thanks for creating this beautiful plugin
Read all 2 reviews

Contributors & Developers

“WP Reading Progress” adalah perisian sumber terbuka. Orang-orang berikut telah menyumbang kepada pemalam ini.



0.0.4 ~ 0.0.6: fixed bugs in safari: progress bar would lag or not be visible on older iPads

0.0.3: improved initializing cross browser

0.0.2: smoother initializing, added customizing of location, color and post types / archive

0.0.1: reading progress bar works on single blog post, no customizing is possible