Title: Reading progressbar
Author: Jb Audras
Published: <strong>26.12.2016</strong>
Last modified: 18.02.2026

---

Шукати плагіни

![](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)

# Reading progressbar

 Від автора [Jb Audras](https://profiles.wordpress.org/audrasjb/)

[Завантажити](https://downloads.wordpress.org/plugin/reading-progress-bar.1.3.1.zip)

 * [Деталі](https://uk.wordpress.org/plugins/reading-progress-bar/#description)
 * [Відгуки](https://uk.wordpress.org/plugins/reading-progress-bar/#reviews)
 *  [Встановлення](https://uk.wordpress.org/plugins/reading-progress-bar/#installation)
 * [Розробка](https://uk.wordpress.org/plugins/reading-progress-bar/#developers)

 [Підтримка](https://wordpress.org/support/plugin/reading-progress-bar/)

## Опис

Get a reading position indicator as a progress bar and show it where you want: top,
bottom or custom position in differents templates or post types.

Very lightweight, it uses `<progress>` HTML5 element and few lines of javascript.

Options:

 * Progress bar’s height
 * Foreground color
 * Background color
 * Position (top, bottom, custom)
 * Class/ID of HTML element to fix the bar (if custom position selected)
 * Page templates
 * Post types (natives or custom)

**Credits** :

 * [Jean-Baptiste Audras](http://jeanbaptisteaudras.com/), project manager at [Whodunit](http://www.whodunit.fr/)
   and WordPress developer. @audrasjb on [Twitter](https://twitter.com/audrasjb)
   or [Github](https://github.com/audrasjb).

## Скріншоти

[⌊Plugin option page.⌉⌊Plugin option page.⌉[

Plugin option page.

[⌊Reading Progressbar in custom fixed position on Twenty Seventeen Theme.⌉⌊Reading
Progressbar in custom fixed position on Twenty Seventeen Theme.⌉[

Reading Progressbar in custom fixed position on Twenty Seventeen Theme.

## Встановлення

 1. Install the plugin and activate.
 2. Go to Settings > Reading Progressbar to manage plugin’s options.

## Часті питання

### Does it works on WordPress network/multisite?

Sorry but this plugin doesn’t supports network/multisite installation in it’s free/
public version.
 It will be fixed on version 2.0. Contact me if you want to help
or ask for more informations.

## Відгуки

![](https://secure.gravatar.com/avatar/82fcc1b0d90d7cfc87bcd9756375e0fd86e4a2a8c5a6f9b72a02ae1ffc44b7f0?
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/) 29.04.2024

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/) 11.08.2023

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/) 02.03.2022

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/) 29.07.2021

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/) 26.05.2021

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/) 25.03.2021

good plugin

 [ Прочитати всі 17 відгуків ](https://wordpress.org/support/plugin/reading-progress-bar/reviews/)

## Учасники та розробники

“Reading progressbar” — проект з відкритим вихідним кодом. В розвиток плагіну внесли
свій вклад наступні учасники:

Учасники

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

“Reading progressbar” було перекладено на 9 локалізацій. Дякуємо [перекладачам](https://translate.wordpress.org/projects/wp-plugins/reading-progress-bar/contributors)
за їх роботу.

[Перекладіть “Reading progressbar” на вашу мову.](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/)
або підпишіться на [журнал розробки](https://plugins.trac.wordpress.org/log/reading-progress-bar/)
за допомогою [RSS](https://plugins.trac.wordpress.org/log/reading-progress-bar/?limit=100&mode=stop_on_copy&format=rss).

## Журнал змін

#### 1.3.1

 * Security enhancements: escape values.

#### 1.3

 * Performance enhancement for better support for Google Core Web Vitals: enqueue
   stylesheets and scripts only when necessary.

#### 1.2.3

 * Fixed a jQuery error and adding WP 5.7 compatibility. Props @maxpertici.

#### 1.2.2

 * Removed an unwanted console.log.

#### 1.2.1

 * Gutenberg and WordPress 5.0/5.1 compatibility. Works fine.

#### 1.2

 * Add german translation and fixed a JS bug while loading the progressbar value.
   We need to load the whole page before display the bar 🙂

#### 1.1

 * i18n ready.

#### 1.0

 * Plugin initial commit. Works fine 🙂

## Мета

 *  Версія **1.3.1**
 *  Останнє оновлення **6 місяців тому**
 *  Активних встановлень **6 000+**
 *  Версія WordPress ** 4.9 або вище **
 *  Tested up to **6.9.6**
 *  Версія 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://uk.wordpress.org/plugins/tags/indicator/)[progress](https://uk.wordpress.org/plugins/tags/progress/)
   [progressbar](https://uk.wordpress.org/plugins/tags/progressbar/)[reading](https://uk.wordpress.org/plugins/tags/reading/)
   [scroll](https://uk.wordpress.org/plugins/tags/scroll/)
 *  [Розширений перегляд](https://uk.wordpress.org/plugins/reading-progress-bar/advanced/)

## Оцінки

 5 out of 5 stars.

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

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

[See all reviews](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/)

## Підтримка

Проблеми вирішені за останні два місяці:

     0 з 1

 [Перейти в форум підтримки](https://wordpress.org/support/plugin/reading-progress-bar/)

## Пожертвування

Ви хотіли б підтримати розвиток цього плагіна?

 [ Пожертвувати на розвиток плагіна ](https://www.paypal.me/audrasjb)