ibrahimhalefoglu

<p>ReadSpan adds two lightweight engagement features to your WordPress site:</p>
<p><strong>Reading Time Badge</strong><br />
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.</p>
<p><strong>Scroll Progress Bar</strong><br />
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.</p>
<p><strong>Highlights</strong></p>
<ul>
<li>Zero JavaScript dependencies — vanilla JS, passive scroll listener with requestAnimationFrame throttle</li>
<li>CSS custom properties for instant style updates</li>
<li>24 configurable settings via a clean 3-tab admin UI with live preview</li>
<li>Mobile hide option (below 768 px)</li>
<li>Dark mode admin UI (prefers-color-scheme: dark)</li>
<li>Shortcode <code>[readspan]</code> support</li>
<li>PHP 7.4 compatible, no Composer required on production</li>
<li>Follows WordPress Coding Standards and DDD architecture</li>
</ul>


ReadSpan — Customizable Reading Time Badge & Progress Bar

Show a reading time badge and a scroll progress bar on your posts and pages — fully customizable from the admin panel.

teckut

<p>Advanced Reading Progress & View Counter helps improve user engagement by showing visitors:</p>
<p>✔ How much content they have read<br />
✔ Which posts are most popular<br />
✔ A cleaner and more interactive reading experience</p>
<p>The plugin combines a customizable reading progress indicator with a lightweight post view counter that includes anti-refresh protection.</p>
<p>Perfect for:</p>
<ul>
<li>Blogs</li>
<li>News websites</li>
<li>Tutorial sites</li>
<li>Documentation websites</li>
<li>Magazine-style WordPress websites</li>
</ul>
<h4>Why Use This Plugin?</h4>
<p>Many readers leave long articles before finishing them.</p>
<p>A reading progress bar encourages visitors to continue scrolling and improves content interaction. At the same time, the built-in view counter helps display content popularity and social proof.</p>
<p>This plugin is lightweight, easy to configure, and works without external tracking services.</p>
<h4>Reading Progress Features</h4>
<ul>
<li>Top reading progress bar</li>
<li>Circular/radial progress indicator</li>
<li>Custom colors and thickness</li>
<li>Multiple display positions</li>
<li>Mobile-friendly design</li>
<li>Select supported post types</li>
<li>Lightweight frontend assets</li>
</ul>
<h4>Post View Counter Features</h4>
<ul>
<li>Smart anti-refresh protection</li>
<li>Configurable lock window</li>
<li>Custom prefix & suffix</li>
<li>Multiple display positions</li>
<li>Manual shortcode placement</li>
<li>Support for specific post IDs</li>
<li>Hide zero-view counts</li>
</ul>
<h4>Easy Customization</h4>
<ul>
<li>Beginner-friendly settings</li>
<li>Clean WordPress admin UI</li>
<li>No coding required</li>
<li>Lightweight and performance-focused</li>
</ul>
<h3>Shortcodes</h3>
<p>Display the counter anywhere manually:</p>
<pre><code>[arpvc_view_counter]
</code></pre>
<p>Alias shortcode:</p>
<pre><code>[arpvc_read_count]
</code></pre>
<p>Show views for a specific post:</p>
<pre><code>[arpvc_view_counter post_id="123"]
</code></pre>
<p>Add custom text:</p>
<pre><code>[arpvc_view_counter prefix="Views:" suffix="Total"]
</code></pre>
<p>Hide counter when views are zero:</p>
<pre><code>[arpvc_view_counter show_zero="0"]<h3>Development</h3>
</code></pre>
<p>Source code is available on GitHub:</p>
<p>https://github.com/Teckut-Git/advanced-reading-progress-view-counter</p>
<p>Production assets included in the plugin are generated using npm and gulp.</p>


Advanced Reading Progress & View Counter

Add beautiful reading progress bars and smart post view counters to improve engagement and user experience on your WordPress site.

ReadSpan — Customizable Reading Time Badge & Progress Bar vs Advanced Reading Progress & View Counter