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 年 4 月 25 日
It does exactly what it is supposed to do, hassle-free!
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.