Title: ReadSpan — Customizable Reading Time Badge & Progress Bar
Author: ibrahimhalefoglu
Published: <strong>Èbìbí  14, 2026</strong>
Last modified: Èbìbí  14, 2026

---

Ṣàwárí àwọn plugin

![](https://ps.w.org/readspan/assets/banner-772x250.png?rev=3538645)

![](https://s.w.org/plugins/geopattern-icon/readspan_6d9298.svg)

# ReadSpan — Customizable Reading Time Badge & Progress Bar

 Láti ọwọ́ [ibrahimhalefoglu](https://profiles.wordpress.org/ibrahimhalefoglu/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/readspan.1.0.0.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/readspan/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/readspan/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/readspan/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/readspan/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/readspan/)

## Àpèjúwe

ReadSpan adds two lightweight engagement features to your WordPress site:

**Reading Time Badge**
 A pill-shaped badge that displays estimated reading time,
injected before, after, or both sides of post content. Supports three SVG icons (
clock, book, stopwatch), custom colors, shapes, padding, and font size. Works via
shortcode too.

**Scroll Progress Bar**
 A fixed-position progress bar (top or bottom of the viewport)
that fills as the reader scrolls. Supports solid color, gradient, configurable height,
and a real-time countdown feature in the badge.

**Highlights**

 * Zero JavaScript dependencies — vanilla JS, passive scroll listener with requestAnimationFrame
   throttle
 * CSS custom properties for instant style updates
 * 24 configurable settings via a clean 3-tab admin UI with live preview
 * Mobile hide option (below 768 px)
 * Dark mode admin UI (prefers-color-scheme: dark)
 * Shortcode `[readspan]` support
 * PHP 7.4 compatible, no Composer required on production
 * Follows WordPress Coding Standards and DDD architecture

## Ìgbéwọlẹ̀

 1. Upload the `readspan` folder to `/wp-content/plugins/`
 2. Activate the plugin in **Plugins > Installed Plugins**
 3. Go to **Settings > ReadSpan** to configure

## FAQ

### Does this slow down my site?

No. Assets are only loaded on singular post/page views. The progress bar script 
is deferred (footer) and uses passive scroll events with requestAnimationFrame.

### How does the `[readspan]` shortcode work?

Enable the shortcode in **Settings > ReadSpan > Genel**. Placing `[readspan]` in
post content activates the reading progress bar and badge on that post, even if 
its post type is not in your configured list. The badge itself is always positioned
according to your **Konum** (position) setting — before content, after content, 
or both — not at the shortcode location.

### What reading speed is used?

Default is 200 words per minute. You can set any value between 100 and 400 WPM from
the settings panel.

### Does it support custom post types?

Yes — you can select which post types display the badge and bar from the settings
panel.

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“ReadSpan — Customizable Reading Time Badge & Progress Bar” jẹ́ ètò ìṣàmúlò orísun
ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ ibrahimhalefoglu ](https://profiles.wordpress.org/ibrahimhalefoglu/)

[Túmọ̀ “ReadSpan — Customizable Reading Time Badge & Progress Bar” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/readspan)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/readspan/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/readspan/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/readspan/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/readspan/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.0.0

 * Initial release

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.0.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **oṣù 2 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Tó kéré sí 10**
 *  Ẹ̀yà WordPress ** 5.0 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **6.9.4**
 *  Ẹ̀yà PHP ** 7.4 tàbí ju bẹ́ẹ̀ lọ **
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/readspan/)
 * Àwọn àmì
 * [badge](https://yor.wordpress.org/plugins/tags/badge/)[engagement](https://yor.wordpress.org/plugins/tags/engagement/)
   [progress bar](https://yor.wordpress.org/plugins/tags/progress-bar/)[reading progress](https://yor.wordpress.org/plugins/tags/reading-progress/)
   [reading time](https://yor.wordpress.org/plugins/tags/reading-time/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/readspan/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

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

[See all reviews](https://wordpress.org/support/plugin/readspan/reviews/)

## Àwọn Olùkópa

 *   [ ibrahimhalefoglu ](https://profiles.wordpress.org/ibrahimhalefoglu/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/readspan/)