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.