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://cn.wordpress.org/plugins/wp-easy-reading-progress-bar/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-easy-reading-progress-bar/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/wp-easy-reading-progress-bar/#installation)
 * [开发进展](https://cn.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
 * [[
 * 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 或更高版本 **
 *  已测试的最高版本为 **6.8.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/wp-easy-reading-progress-bar/)
 * 标签
 * [animation](https://cn.wordpress.org/plugins/tags/animation/)[estimated reading time](https://cn.wordpress.org/plugins/tags/estimated-reading-time/)
   [progress bar](https://cn.wordpress.org/plugins/tags/progress-bar/)[read time](https://cn.wordpress.org/plugins/tags/read-time/)
   [reading time](https://cn.wordpress.org/plugins/tags/reading-time/)
 *  [高级视图](https://cn.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)