Title: Easy Reading Progress Bar
Author: Mushlih Almubarak
Published: <strong>2025 年 8 月 25 日</strong>
Last modified: 2025 年 8 月 25 日

---

搜尋外掛

![](https://s.w.org/plugins/geopattern-icon/wp-easy-reading-progress-bar.svg)

# Easy Reading Progress Bar

 由 [Mushlih Almubarak](https://profiles.wordpress.org/mushlih/) 開發

[下載](https://downloads.wordpress.org/plugin/wp-easy-reading-progress-bar.1.0.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/wp-easy-reading-progress-bar/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/wp-easy-reading-progress-bar/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/wp-easy-reading-progress-bar/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/wp-easy-reading-progress-bar/#developers)

 [技術支援](https://wordpress.org/support/plugin/wp-easy-reading-progress-bar/)

## 外掛說明

Easy Reading Progress Bar adds a sleek, customizable progress bar to your single
post pages, providing readers with a visual indicator of their progress as they 
scroll through an article. It’s designed to be feather-light, incredibly fast, and
compatible with the vast majority of WordPress themes, including modern Block Themes
and popular classic themes.

**Key Features:**

 * **Extremely Lightweight:** No extra CSS or JavaScript files loaded. All code 
   is inlined and optimized for performance.
 * **Highly Compatible:** Works seamlessly with many themes.
 * **Customizable:** Easily change the progress bar’s color and position (top or
   bottom of the page) from a simple settings page.
 * **Dependency-Free:** The frontend script does not rely on jQuery, ensuring it
   won’t conflict with other plugins or slow down your site.
 * **Developer Friendly:** Includes a filter (`erpb_bar_height`) to programmatically
   change the bar’s height.

_This plugin was created with ❤️ by [Mushlih Almubarak](https://github.com/mushlih-almubarak)
from Indonesia._

## 螢幕擷圖

[⌊Plugin settings page⌉⌊Plugin settings page⌉[

Plugin settings page

[⌊A reading progress bar appears at the bottom of the page as the user scrolls down
the page.⌉⌊A reading progress bar appears at the bottom of the page as the user 
scrolls down the page.⌉[

A reading progress bar appears at the bottom of the page as the user scrolls down
the page.

## 安裝方式

Installing the plugin is simple!

**From your WordPress Dashboard:**

 1. Navigate to ‘Plugins’ > ‘Add New’.
 2. Search for ‘Easy Reading Progress Bar’.
 3. Click ‘Install Now’ and then ‘Activate’.
 4. Go to ‘Settings’ > ‘Reading Progress Bar’ to customize the options. That’s it!

**Manual Installation:**

 1. Download the plugin zip file from WordPress.org.
 2. Navigate to ‘Plugins’ > ‘Add New’ in your WordPress dashboard.
 3. Click ‘Upload Plugin’ and select the zip file you downloaded.
 4. Activate the plugin.
 5. Go to ‘Settings’ > ‘Reading Progress Bar’ to customize.

## 常見問題集

### Will this plugin slow down my site?

Absolutely not. Performance is a core feature. The plugin only loads its tiny, optimized
code on single post pages and does not enqueue any extra CSS or JS files, keeping
your site fast.

### Does this work with my theme?

Yes, most likely! The plugin was built for high compatibility. It intelligently 
detects the main content area in classic and modern block themes, and a wide range
of other theme structures.

### Can I change the height of the bar?

Yes. While there is no setting for it in the settings page to keep things simple,
developers can use a WordPress filter to change the height. The default is 7px.

Example code to add to your theme’s `functions.php` file to change the height to
10px:
 add_filter( ‘erpb_bar_height’, function() { return ’10’; } );

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Easy Reading Progress Bar〉的開發相關工作。

參與者

 *   [ Mushlih Almubarak ](https://profiles.wordpress.org/mushlih/)

[將〈Easy Reading Progress Bar〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-easy-reading-progress-bar)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/wp-easy-reading-progress-bar/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/wp-easy-reading-progress-bar/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-easy-reading-progress-bar/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-easy-reading-progress-bar/)。

## 變更記錄

#### 1.0.0

 * Initial public release.
 * Features an easy, simple, lightweight, dependency-free reading progress bar for
   single posts.
 * Includes a settings page to customize bar color and position (top or bottom).
 * Designed for high compatibility with modern block themes and popular classic 
   themes.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **10 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.8 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.8.5**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/wp-easy-reading-progress-bar/)
 * 標籤:
 * [animation](https://tw.wordpress.org/plugins/tags/animation/)[estimated reading time](https://tw.wordpress.org/plugins/tags/estimated-reading-time/)
   [progress bar](https://tw.wordpress.org/plugins/tags/progress-bar/)[read time](https://tw.wordpress.org/plugins/tags/read-time/)
   [reading time](https://tw.wordpress.org/plugins/tags/reading-time/)
 *  [進階檢視](https://tw.wordpress.org/plugins/wp-easy-reading-progress-bar/advanced/)

## 評分

這個項目尚無任何評論記錄。

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

[查看全部使用者評論](https://wordpress.org/support/plugin/wp-easy-reading-progress-bar/reviews/)

## 參與者

 *   [ Mushlih Almubarak ](https://profiles.wordpress.org/mushlih/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/wp-easy-reading-progress-bar/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://buymeacoffee.com/mushlih)