Reading Position Indicator

描述

Reading Position Indicator adds a stylish horizontal progress bar alongside your content, showing readers how far they’ve scrolled. It enhances user engagement by providing a clear visual cue of reading progress, ideal for blogs, articles, and long-form content.

Features
* Horizontal progress bar displayed on posts and pages.
* Customizable colors, opacity, rounded edges, and gradients.
* Lightweight and performance optimized.
* Easy setup with no coding required.
* Translation ready.
* Compatible with most WordPress themes.

Thank you Pankaj Parashar for your article on CSS-TRICKS about Reading Position Indicator

螢幕截圖

  • Plugin configuration screen

安裝

The super easy way

  1. Log in to your WordPress Admin panel.
  2. Go to: Plugins > Add New.
  3. Type ‘Reading Position Indicator’ into the Search Plugins field and hit Enter. Once found, you can view details such as the point release, rating and description.
  4. Click Install Now. After clicking the link, you’ll be asked if you’re sure you want to install the plugin.
  5. Click Yes, and WordPress completes the installation.
  6. Activate the plugin.
  7. A new menu Progress in Appearance will appear in your Admin Menu.

The easy way

  1. Download the plugin (.zip file) on the right column of this page.
  2. In your Admin, go to menu Plugins > Add.
  3. Select button Upload Plugin.
  4. Upload the .zip file you just downloaded.
  5. Activate the plugin.
  6. A new menu Progress in Appearance will appear in your Admin Menu.

The old and reliable way (FTP)

  1. Upload reading-position-indicator folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. A new menu Progress in Appearance will appear in your Admin Menu.

常見問題

Can I change the color of the progress bar?

Yes, you can customize colors, opacity, and style from the plugin settings under Appearance > Progress.

Does this plugin affect site performance?

No, it is lightweight and optimized to have minimal impact on your site’s loading speed.

Is the progress bar visible on mobile devices?

Yes, the progress bar is responsive and works well on all screen sizes.

評價

2022年7月25日
This is a nice plugin. Simple and reliable to install, easy to set up, and works very well. For me it’s helped with issues associated with a very long longform page, and has also contributed to overall look of my site.
2021年1月21日
So simple: – Install – Activate – Customize – Enjoy It’s fluid, and it fits perfectly the website in any cases. I will definitely install it again on other websites and recommend it. Thank you so much for your work!
閱讀全部65個評價

貢獻者及開發者

“Reading Position Indicator” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Reading Position Indicator 外掛目前已有 2 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Reading Position Indicator 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.2.1 (2025-10-14)

1.2.0 (2025-06-02)

  • The iWorks Rate module has been updated to 2.3.0.
  • The iWorks Options module has been updated to 3.0.7.
  • Removed jQuery dependency from frontend, improving performance and reducing page load time.
  • Fixed security issues by properly escaping RGBA color values in the progress bar.
  • Improved code quality and maintainability with modern JavaScript practices.
  • Fixed typo in ‘Secondary’ color option label.
  • Enhanced cross-browser compatibility for the progress indicator.
  • Added support for mobile devices with proper orientation change handling.

1.1.2 (2025-03-24)

  • The issue with the saving multiple option value has been resolved.

1.1.1 (2025-03-24)

  • The iWorks Options module has been updated to 2.9.8.
  • The issue with the saving options has been resolved.

1.1.0 (2025-03-02)

1.0.9 (2024-12-07)

  • The iWorks Rate module has been updated to 2.2.1.
  • The missing $domain parameter in function call to __() has been fixed. #1
  • Escape functions where been added in few places.

1.0.8 (2024-02-21)

  • The iWorks Options module has been updated to 2.9.2.
  • The iWorks Rate module has been updated to 2.1.8.
  • The build process has been updated.

1.0.7 (2023-12-29)

1.0.6 (2022-01-20)

  • Updated iWorks Options to 2.8.0.
  • Updated iWorks Rate to 2.0.6.

1.0.5 (2021-06-24)

1.0.4

1.0.3 (2019-02-06)

1.0.2 (2017-05-20)

  • Added “indeterminate” option.
  • Added opacity for all colors.
  • Added rounded corners option.
  • Implemented smooth gradients.
  • Improved progress bar – now it count only document, not whole window.
  • Removed “to transparent” option.
  • Updated WordPress Options Class class to 2.6.0.
  • Added “Rate” module to ask for review.

1.0.1 (2015-04-18)

  • Remove “console.log” from script.
  • Fix small issue in main position class.

1.0.0 (2015-04-14)

  • Init.