Title: WP Reading Progress
Author: Joeri van Veen
Published: <strong>Òkúdù 15, 2019</strong>
Last modified: Èbìbí  20, 2026

---

Ṣàwárí àwọn plugin

![](https://ps.w.org/wp-reading-progress/assets/banner-772x250.png?rev=2777898)

![](https://ps.w.org/wp-reading-progress/assets/icon-256x256.png?rev=2777898)

# WP Reading Progress

 Láti ọwọ́ [Joeri van Veen](https://profiles.wordpress.org/ruigehond/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/wp-reading-progress.1.7.0.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/wp-reading-progress/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/wp-reading-progress/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/wp-reading-progress/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/wp-reading-progress/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/wp-reading-progress/)

## Àpèjúwe

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.

Customization:

 * Location top of screen, bottom of screen or below sticky elements.
 * Select post types you wish the bar to appear, or individual posts.
 * Choose color of the reading progress bar.
 * Have the bar start at 0% even when part of the article is visible.

Behaviour:

 * 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.
 * The bar can attach itself to multiple (sticky) elements that you define as an
   admin, the first visible element will be used.
 * When there is no (longer a) visible element to attach to, the bar displays at
   the top.
 * Use `dir=rtl` on your html tag to have the bar display correctly for right-to-
   left languages.

Estimated reading time (beta)

Since 1.6.0 this plugin has rudimentary estimated reading time functionality, for
when your theme does not support it out of the box.
 There are some potential issues,
some of which cannot be fixed in a plugin. If it does not work for you, switch it
off. It will have no effect on the plugin then.

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!

Regards,
 Joeri

## Àwọn àwòrán ìbòjú

[⌊Example of the reading progress bar on my photography blog⌉⌊Example of the reading
progress bar on my photography blog⌉[

Example of the reading progress bar on my photography blog

[⌊WP Reading Progress settings page⌉⌊WP Reading Progress settings page⌉[

WP Reading Progress settings page

[⌊Activate the bar for an individual post (if that post type is not enabled)⌉⌊Activate
the bar for an individual post (if that post type is not enabled)⌉[

Activate the bar for an individual post (if that post type is not enabled)

## Ìgbéwọlẹ̀

 1. Install the plugin by clicking ‘Install now’ below, or the ‘Download’ button, and
    put the WP-reading-progress folder in your plugins folder
 2. By default, it only works on single blog posts and uses an orange colour
 3. Go to settings->WP Reading Progress to customize it

Upon uninstall WP Reading Progress removes its own options and `post_meta` data (
if any) leaving no traces.

## Àwọn àgbéyẹ̀wò

![](https://secure.gravatar.com/avatar/2507a260105b9c3b03ee6c14c8e2672c370b2d95687e5ccabb0c1b0d15c20b73?
s=60&d=retro&r=g)

### 󠀁[Loads the CSS and JS on EVERY page](https://wordpress.org/support/topic/loads-the-css-and-js-on-every-page/)󠁿

 [hirngesicht](https://profiles.wordpress.org/hirngesicht/) Èrèlé 11, 2026 3 àwọn
ìdáhùn

Even when IÌtumọ̀ Yorùbá: ’ve set it to only load on specific post types it still
loads the CSS and JS everywhere. A pity really, because itÌtumọ̀ Yorùbá: ’s really
been helpful for users.

![](https://secure.gravatar.com/avatar/590c1a85322729f2345aa128684db6522b37951ea328215b6f501ed8439c0a91?
s=60&d=retro&r=g)

### 󠀁[Best Progress Bar Plugin](https://wordpress.org/support/topic/best-progress-bar-plugin/)󠁿

 [Jimmy Lee](https://profiles.wordpress.org/shirtguy72/) Òkúdù 7, 2025

Really nice plugin, clean, fast! Thank you!

![](https://secure.gravatar.com/avatar/bb456dba7241ad6014d158d112c62cc1653974383d2c623d48e6733698ccfb84?
s=60&d=retro&r=g)

### 󠀁[Awesome plugin with great support, perfect experience!](https://wordpress.org/support/topic/awesome-plugin-with-great-support-perfect-experience/)󠁿

 [uacl312](https://profiles.wordpress.org/uacl312/) Èbìbí 26, 2024

This plugin is great and does exactly what I need it to do. IÌtumọ̀ Yorùbá: ’ve 
tried a few different plugins of this type and this one is by far the most user-
friendly. It does what it says on the tin and it does it well. ItÌtumọ̀ Yorùbá: ’
s refreshing to see that the developer is as supportive as possible, and the support
is second to none. If youÌtumọ̀ Yorùbá: ’re looking for a progress bar for your 
blog/website, this is the one for you!

![](https://secure.gravatar.com/avatar/0a0044f50bbe3dab26acb166d4cace2bb497f8a8812a58b1faf448929a2f524e?
s=60&d=retro&r=g)

### 󠀁[Simple, Successful, and great Support](https://wordpress.org/support/topic/simple-successful-and-great-support/)󠁿

 [neuralytix](https://profiles.wordpress.org/benwoony/) Ṣẹrẹ 19, 2024

After trying a dozen reading progress bars, WP Reading Progress works very well.
It is simple to install, and the support is one of the best IÌtumọ̀ Yorùbá: ’ve 
experienced from any developer.

![](https://secure.gravatar.com/avatar/bfe217abb04b56afffac07be49164329daeeea051c73c982ce66bc1dc5d9021a?
s=60&d=retro&r=g)

### 󠀁[Perfect little plugin](https://wordpress.org/support/topic/perfect-little-plugin-9/)󠁿

 [sandswimmer](https://profiles.wordpress.org/sandswimmer/) Bélú 1, 2023

You install the plugin and thatÌtumọ̀ Yorùbá: ’s basically it. Adjust some minor
details in Settings > WP Reading Progress, and you are good to go. A big thank you
to the developer!

![](https://secure.gravatar.com/avatar/c6de0d682c7c8eb227267455a2533dcc06d54d567bbca6fca21cd80d527c1554?
s=60&d=retro&r=g)

### 󠀁[Super easy to use and high quality](https://wordpress.org/support/topic/super-easy-to-use-and-high-quality/)󠁿

 [delrod](https://profiles.wordpress.org/delrod/) Ọ̀wàrà 26, 2023

Super easy to use and high quality. Great plugin.

 [ Ka gbogbo àwọn àgbéyẹ̀wò 19 ](https://wordpress.org/support/plugin/wp-reading-progress/reviews/)

## Àwọn Olùkópa & Olùgbéejáde

“WP Reading Progress” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe
ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ Joeri van Veen ](https://profiles.wordpress.org/ruigehond/)

A ti túmọ̀ “WP Reading Progress” sí àwọn èdè agbègbè 7. Ọpẹ́lọpẹ́ fún [àwọn atúmọ̀ èdè](https://translate.wordpress.org/projects/wp-plugins/wp-reading-progress/contributors)
fún àwọn ìkópa wọn.

[Túmọ̀ “WP Reading Progress” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/wp-reading-progress)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/wp-reading-progress/),
ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/wp-reading-progress/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/wp-reading-progress/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/wp-reading-progress/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

1.7.0: only load scripts when the bar is actually on the page

1.6.1: adhere to wordpress coding standards, fixing deprecated strip_tags notice

1.6.0: add estimated reading time as beta functionality, improve sticking and detecting
article

1.5.7: fix save settings and calculation correction (again)

1.5.6: adapt calculation to safari and chrome alike

1.5.5: bar top position calculation improved and allowing fractional pixels

1.5.4: escape translate strings

1.5.3: update screenshots

1.5.2: simplify progress calculation accounting for incorrect bounding client rect
reporting of body

1.5.1: remember (cache) the elements to attach to, for speed

1.5.0: allow multiple menu selectors and pick the first visible one to attach to

1.4.0: compatible with fixed menus that consist of different elements depending 
on screen size, as long as they have a common selector

1.3.8: refactor javascript slightly smaller, make scroll eventlistener passive

1.3.7: added aria-role and aria-value updating for screenreaders

1.3.6: moved css to head to avoid render blocking, added option ‘no css’ if you 
want to handle it yourself

1.3.5: improved get top position custom function to include edge cases, debounced
resize event

1.3.4: removed jQuery dependency

1.3.3: fixed implode deprecated notice

1.3.2: fix getBoundingClientRect does not work on iOS 8 and 9 (at least), now using
custom function for it

1.3.1: some optimizations regarding the on scroll function

1.3.0: now positions itself snugly to element using top-margin or fixed automatically
to top when element is not in viewport or gone

1.2.5: improved fallback for mobile, added rtl support (html tag must contain dir
=”rtl”)

1.2.4: added regular post type to settings, added fallback find post by id when 
not found by class names, added option to display on specific posts only

1.2.3: fixed bug initializing window height to 0 on page load in some cases

1.2.2: increased compatibility with themes regarding looking for single article

1.2.1: added option to start bar at 0%, slightly optimized progress function

1.2.0: improved behaviour upon resize of the window

1.1.0: now identifies single post reading area for all post-types, fallback to body
when not found in DOM

1.0.3: fixed translation, corrected license indication

1.0.2: translated to Dutch

1.0.1: minified javascript and css, fixed issue of bar sometimes momentarily disappearing
on mobile device while scrolling

1.0.0: release

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.7.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **oṣù 3 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **3,000+**
 *  Ẹ̀yà WordPress ** 4.9 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **7.0.3**
 *  Ẹ̀yà PHP ** 5.6 tàbí ju bẹ́ẹ̀ lọ **
 *  Àwọn èdè
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/wp-reading-progress/), [Dutch](https://nl.wordpress.org/plugins/wp-reading-progress/),
   [English (US)](https://wordpress.org/plugins/wp-reading-progress/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/wp-reading-progress/),
   [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/wp-reading-progress/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/wp-reading-progress/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wp-reading-progress/),
   àti [Swedish](https://sv.wordpress.org/plugins/wp-reading-progress/).
 *  [Túmọ̀ sí èdè rẹ](https://translate.wordpress.org/projects/wp-plugins/wp-reading-progress)
 * Àwọn àmì
 * [estimated reading time](https://yor.wordpress.org/plugins/tags/estimated-reading-time/)
   [progress](https://yor.wordpress.org/plugins/tags/progress/)[progressbar](https://yor.wordpress.org/plugins/tags/progressbar/)
   [reading](https://yor.wordpress.org/plugins/tags/reading/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/wp-reading-progress/advanced/)

## Àwọn ìbò

 5 lára àwọn ìràwọ̀ 5.

 *  [  19 5-star reviews     ](https://wordpress.org/support/plugin/wp-reading-progress/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/wp-reading-progress/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/wp-reading-progress/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/wp-reading-progress/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/wp-reading-progress/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-reading-progress/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/wp-reading-progress/reviews/)

## Àwọn Olùkópa

 *   [ Joeri van Veen ](https://profiles.wordpress.org/ruigehond/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/wp-reading-progress/)

## Ṣe ìtọrẹ

Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí?

 [ Ṣe ìtọrẹ sí plugin yìí ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=hallo@ruigehond.nl&lc=US&item_name=WP+reading+progress+plugin&no_note=0&cn=&currency_code=EUR&bn=PP-DonationsBF:btn_donateCC_LG.gif:NonHosted)