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.

FAQ

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.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.