Title: 读取进度条
Author: Jb Audras
Published: <strong>2016 年 12 月 26 日</strong>
Last modified: 2026 年 2 月 18 日

---

搜索插件

![](https://ps.w.org/reading-progress-bar/assets/banner-772x250.png?rev=1563180)

![](https://ps.w.org/reading-progress-bar/assets/icon-256x256.png?rev=1563180)

# 读取进度条

 作者：[Jb Audras](https://profiles.wordpress.org/audrasjb/)

[下载](https://downloads.wordpress.org/plugin/reading-progress-bar.1.3.1.zip)

 * [详情](https://cn.wordpress.org/plugins/reading-progress-bar/#description)
 * [评价](https://cn.wordpress.org/plugins/reading-progress-bar/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/reading-progress-bar/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/reading-progress-bar/#developers)

 [支持](https://wordpress.org/support/plugin/reading-progress-bar/)

## 描述

获取一个阅读位置指示器作为进度条，并将其显示在您想要的位置：不同模板或文章类型中的
顶部、底部或自定义位置。

非常轻量，它使用`<progress>` HTML5 元素以及一些Javascript

选项:

 * 进程栏高度
 * 前景色
 * 背景色
 * Position (top,bottom,custom)
 * HTML 元素的 Class/ID 用来修复bar (如果自定义position选择了)
 * 页面模板
 * 文章类型 (natives 或者 custom)

**開發人員**

 * [Jean-Baptiste Audras](http://jeanbaptisteaudras.com/), 项目管理在 [Whodunit](http://www.whodunit.fr/)
   以及WordPress开发者. @audrasjb on [Twitter](https://twitter.com/audrasjb) or 
   [Github](https://github.com/audrasjb).

## 屏幕截图

 * [[
 * 插件选项页面.
 * [[
 * 读取进度条在Twenty Seventeen主题的自定义固定位置

## 安装

 1. 安装插件并且激活
 2. 去到 Settings > Reading Progressbar 来管理插件选项

## 常见问题

### 这个是否能够适用于WordPress network/multisite?

对不起，这个插件不支持 network/multisite 安装再 free/publich 版本。它会再2.0版本
的时候修复。联系我如果你想要帮助或者询问更多的信息.

## 评价

![](https://secure.gravatar.com/avatar/c218c7f675b81fc117877c0a0f8f842b4268543d3e7501fa8c6e3b0717a2485d?
s=60&d=retro&r=g)

### 󠀁[Reliable, lightwave reading progress bar](https://wordpress.org/support/topic/reliable-lightwave-reading-progress-bar/)󠁿

 [masvil](https://profiles.wordpress.org/masvil/) 2024 年 4 月 29 日

Well coded reading progress bar, the best I’ve tried. The only thing I don’t like
is the custom position making the bar sticking on the bottom of an element instead
of just below it.

![](https://secure.gravatar.com/avatar/341d70342e2db842a4e89f1c78c6cdd72d4645028b6128f1b4f703795ff3574f?
s=60&d=retro&r=g)

### 󠀁[Awesome plugin!](https://wordpress.org/support/topic/awesome-plugin-6949/)󠁿

 [DolphinGuy](https://profiles.wordpress.org/sanyadolpins/) 2023 年 8 月 11 日

Have run Reading Progressbar for over a year. Works <span style=”text-decoration:
underline;”>flawlessly</span> on any website I’ve installed it on. Thanks Jb!

![](https://secure.gravatar.com/avatar/b41b5325191f4fcc272452d6cae7a816bbecb7b1944ec12d999c93e48c6a4fb0?
s=60&d=retro&r=g)

### 󠀁[Extension super pratique et très simple](https://wordpress.org/support/topic/extension-super-pratique-et-tres-simple/)󠁿

 [Éric Martin](https://profiles.wordpress.org/em-m/) 2022 年 3 月 2 日

Extension facile à configurer, légère, et qui fait parfaitement son boulot. Merci!

![](https://secure.gravatar.com/avatar/5e09f005e9a6ef139424c3efc553c68e894f2f9da415036576d38728842c296c?
s=60&d=retro&r=g)

### 󠀁[Simple et efficace](https://wordpress.org/support/topic/simple-et-efficace-166/)󠁿

 [Reuhno](https://profiles.wordpress.org/laboiteare/) 2021 年 7 月 29 日

Super, fait ce qu’il doit faire et il le fait bien. Merci beaucoup pour ce plugin.

![](https://secure.gravatar.com/avatar/31eaf522bfa4ab0f9b8a4bd2a19ad2f9e45c4d27fd3fba3574294f51d97cf986?
s=60&d=retro&r=g)

### 󠀁[Does the job perfectly](https://wordpress.org/support/topic/does-the-job-perfectly-79/)󠁿

 [Jason Rouet](https://profiles.wordpress.org/jaz_on/) 2021 年 5 月 26 日

Easy to configure and quick to set up!

![](https://secure.gravatar.com/avatar/e0079a2a4396783b69a15b2cf02aea9b7589d6acc5ffd7b8b230f57f3d02b09b?
s=60&d=retro&r=g)

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-8334/)󠁿

 [bscattolini](https://profiles.wordpress.org/bscattolini/) 2021 年 3 月 25 日

good plugin

 [ 阅读所有17条评价 ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/)

## 贡献者及开发者

「读取进度条」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Jb Audras ](https://profiles.wordpress.org/audrasjb/)
 *   [ Whodunit ](https://profiles.wordpress.org/whodunitagency/)
 *   [ Maxime Pertici ](https://profiles.wordpress.org/maxpertici/)

「读取进度条」插件已被翻译至 9 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/reading-progress-bar/contributors)
为本插件所做的贡献。

[帮助将「读取进度条」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/reading-progress-bar)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/reading-progress-bar/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/reading-progress-bar/)，或通过[RSS](https://plugins.trac.wordpress.org/log/reading-progress-bar/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/reading-progress-bar/)。

## 更新日志

#### 1.3.1

 * Security enhancements: escape values.

#### 1.3

 * 性能增强以更好地支持googlecorewebvitals：仅在必要时将样式表和脚本排队。

#### 1.2.3

 * 修复 a jQuery 错误，并且添加WP5.7兼容性。支持 @maxpertici

#### 1.2.2

 * 移除一个不想要的console.log

#### 1.2.1

 * Gutenberg 以及 WordPress 5.0/5.1 兼容性。工作完成

#### 1.2

 * 添加德语翻译并修复了加载progressbar值时的JS错误。我们需要在显示栏之前加载整个
   页面：）

#### 1.1

 * i18n ready.

#### 1.0

 * 插件初始化提交. 工作完成 🙂

## 额外信息

 *  版本 **1.3.1**
 *  最后更新：**2 月前**
 *  活跃安装数量 **6,000+**
 *  WordPress 版本 ** 4.9 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [Chinese (China)](https://cn.wordpress.org/plugins/reading-progress-bar/) 、 
   [Chinese (Taiwan)](https://tw.wordpress.org/plugins/reading-progress-bar/) 、
   [Dutch](https://nl.wordpress.org/plugins/reading-progress-bar/) 、 [English (UK)](https://en-gb.wordpress.org/plugins/reading-progress-bar/)、
   [English (US)](https://wordpress.org/plugins/reading-progress-bar/) 、 [French (France)](https://fr.wordpress.org/plugins/reading-progress-bar/)、
   [German](https://de.wordpress.org/plugins/reading-progress-bar/) 、 [Portuguese (Portugal)](https://pt.wordpress.org/plugins/reading-progress-bar/)、
   [Russian](https://ru.wordpress.org/plugins/reading-progress-bar/) 和 [Swedish](https://sv.wordpress.org/plugins/reading-progress-bar/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/reading-progress-bar)
 * 标签
 * [indicator](https://cn.wordpress.org/plugins/tags/indicator/)[progress](https://cn.wordpress.org/plugins/tags/progress/)
   [progressbar](https://cn.wordpress.org/plugins/tags/progressbar/)[reading](https://cn.wordpress.org/plugins/tags/reading/)
   [scroll](https://cn.wordpress.org/plugins/tags/scroll/)
 *  [高级视图](https://cn.wordpress.org/plugins/reading-progress-bar/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  17 条 5 星评价     ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/reading-progress-bar/reviews/)

## 贡献者

 *   [ Jb Audras ](https://profiles.wordpress.org/audrasjb/)
 *   [ Whodunit ](https://profiles.wordpress.org/whodunitagency/)
 *   [ Maxime Pertici ](https://profiles.wordpress.org/maxpertici/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/reading-progress-bar/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.paypal.me/audrasjb)