Jose Varghese

<p>Improve your website’s navigation and keep visitors happy with <strong>Creative Scroll to Top</strong>.</p>
<p>Long pages can be frustrating for users. This plugin adds a lightweight, interactive “Back to Top” button that makes returning to the header instant. Unlike basic scroll plugins, we offer 16 professionally designed styles ranging from minimal arrows to fun, gamified animations like launching rockets.</p>
<p>It also includes a <strong>Reading Progress Bar</strong>, giving your readers a clear visual indicator of how far they are down the page—perfect for blogs and long-form content.</p>
<p><strong>Why use this plugin?</strong><br />
* <strong>Better UX:</strong> Saves users time and reduces friction.<br />
* <strong>Lightweight:</strong> Loads assets only when needed to keep your site fast.<br />
* <strong>Accessible:</strong> Fully keyboard navigable and screen-reader friendly.</p>
<h3>🎨 16 Button Styles (No Coding Required)</h3>
<p>We have organized styles into categories to fit any site design:</p>
<ul>
<li><strong>Essential:</strong> Classic Arrow, Minimal Glass, Floating Bubble.</li>
<li><strong>Indicators:</strong> Progress Circle, Side Progress Bar.</li>
<li><strong>Fun & Animated:</strong> Rocket Launch, Magic Wand, Floating Bubble.</li>
<li><strong>Modern Effects:</strong> Neon Pulse, Holographic, Cosmic Sparkle.</li>
</ul>
<h3>✨ Core Features</h3>
<ul>
<li><strong>Live Customization:</strong> Change colors (normal and hover states) to match your brand identity perfectly.</li>
<li><strong>Reading Progress Bar:</strong> distinct vertical progress bar that fills up as the user reads.</li>
<li><strong>Smart Positioning:</strong> Place the button Bottom-Right, Bottom-Left, or Bottom-Center.</li>
<li><strong>Scroll Trigger:</strong> You decide when the button appears (e.g., after scrolling 300px).</li>
<li><strong>Speed Control:</strong> Adjust the smooth-scroll speed (Slow, Normal, or Fast).</li>
<li><strong>Page Targeting:</strong> Show or hide the button on specific post types (Homepage, Posts, Pages, etc.).</li>
<li><strong>Mobile Friendly:</strong> Works perfectly on phones and tablets.</li>
</ul>
<h3>♿ Accessibility First</h3>
<p>We believe navigation should be for everyone. This plugin is built with WCAG compliance in mind:<br />
* Keyboard navigation support (Tab key).<br />
* Proper ARIA labels for screen readers.<br />
* Respects user “Reduced Motion” settings in browsers.</p>


Creative Scroll to Top – Smooth Back to Top Button & Progress Bar

Boost site navigation with 16 unique scroll-to-top buttons. Includes rocket animations, reading progress bars, and full color customization.

Iftakharul Islam

<p>The Reading Progress Bar plugin adds a beautiful, customizable progress bar to your blog posts, allowing readers to see how much they have scrolled through the content. This feature helps to enhance the reading experience and provides a visual indication of the user’s progress.</p>
<p><strong>Key Features:</strong><br />
– 🎨 <strong>Modern Dashboard</strong>: Beautiful, intuitive admin interface with live preview<br />
– 🌈 <strong>Advanced Customization</strong>: Gradient colors, shadows, borders, and effects<br />
– 📱 <strong>Responsive Design</strong>: Works perfectly on desktop, tablet, and mobile<br />
– ⚡ <strong>Performance Optimized</strong>: Smooth animations and efficient code<br />
– 🎯 <strong>Per-Post Control</strong>: Enable/disable for individual posts<br />
– 📊 <strong>Reading Time</strong>: Display estimated reading time<br />
– 🎪 <strong>Live Preview</strong>: See changes in real-time as you adjust settings</p>
<h3>Features</h3>
<h3>Core Functionality</h3>
<ul>
<li><strong>Reading Progress Tracking</strong>: Real-time progress bar that shows how much of the post has been read</li>
<li><strong>Per-Post Control</strong>: Enable/disable progress bar for individual posts</li>
<li><strong>Reading Time Estimation</strong>: Display estimated reading time for posts</li>
<li><strong>Responsive Design</strong>: Works perfectly on desktop, tablet, and mobile devices</li>
</ul>
<h3>Advanced Customization</h3>
<ul>
<li><strong>Color Options</strong>:
<ul>
<li>Solid color picker with WordPress native color picker</li>
<li>Gradient color support with start and end colors</li>
<li>Custom shadow colors and effects</li>
<li>Border color and width customization</li>
</ul>
</li>
</ul>
<h3>Visual Effects</h3>
<ul>
<li><strong>Position Control</strong>: Place progress bar at top or bottom of screen</li>
<li><strong>Size Customization</strong>: Adjustable height (1-20px)</li>
<li><strong>Border Radius</strong>: Rounded corners (0-50px)</li>
<li><strong>Opacity Control</strong>: Adjust transparency (0.1-1.0)</li>
<li><strong>Shadow Effects</strong>: Customizable shadow with color and blur options</li>
<li><strong>Border Styling</strong>: Optional border with custom color and width</li>
</ul>
<h3>User Experience</h3>
<ul>
<li><strong>Smooth Animations</strong>: Fluid progress updates with CSS transitions</li>
<li><strong>Performance Optimized</strong>: Uses requestAnimationFrame for smooth scrolling</li>
<li><strong>Keyboard Navigation</strong>: Space bar and arrow key support</li>
<li><strong>Touch Gestures</strong>: Swipe support for mobile devices</li>
<li><strong>Accessibility</strong>: High contrast mode and reduced motion support</li>
</ul>
<h3>Dashboard Features</h3>
<ul>
<li><strong>Modern Admin Interface</strong>: Beautiful, responsive dashboard with tabs</li>
<li><strong>Live Preview</strong>: See changes in real-time as you adjust settings</li>
<li><strong>Statistics</strong>: View posts with progress bar enabled vs total posts</li>
<li><strong>Organized Settings</strong>: Grouped options for easy configuration</li>
</ul>
<h3>Configuration</h3>
<h3>Basic Settings</h3>
<ol>
<li>Navigate to <strong>Settings > Reading Progress Bar</strong></li>
<li>Configure appearance options:
<ul>
<li><strong>Color</strong>: Choose solid color or enable gradient</li>
<li><strong>Height</strong>: Set progress bar height (1-20px)</li>
<li><strong>Position</strong>: Top or bottom of screen</li>
<li><strong>Border Radius</strong>: Add rounded corners</li>
<li><strong>Opacity</strong>: Adjust transparency</li>
</ul>
</li>
</ol>
<h3>Advanced Effects</h3>
<ul>
<li><strong>Shadow</strong>: Enable shadow with custom color and blur</li>
<li><strong>Border</strong>: Add border with custom color and width</li>
<li><strong>Gradient</strong>: Use gradient colors instead of solid color</li>
</ul>
<h3>Display Settings</h3>
<ul>
<li><strong>Show on Posts</strong>: Enable/disable for blog posts</li>
<li><strong>Show on Pages</strong>: Enable/disable for pages</li>
<li><strong>Show Reading Time</strong>: Display estimated reading time</li>
</ul>
<h3>Per-Post Settings</h3>
<ul>
<li>Edit any post and look for the “Reading Progress Bar” meta box</li>
<li>Check/uncheck to enable/disable for that specific post</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.6 or higher</li>
<li>PHP 7.3 or higher</li>
<li>jQuery (included with WordPress)</li>
</ul>
<h3>License</h3>
<p>This plugin is released under the GPL-2.0+ license. You can find a copy of the license in the <code>license.txt</code> file or visit <a href="http://www.gnu.org/licenses/gpl-2.0.txt" rel="nofollow ugc">http://www.gnu.org/licenses/gpl-2.0.txt</a> for more information.</p>
<h3>Support</h3>
<p>For support, feature requests, or bug reports, please visit the <a href="https://ifatwp.wordpress.com/2023/10/17/blog-reading-progress/" rel="nofollow ugc">plugin page</a> or create an issue on GitHub.</p>
<p><strong>Made with ❤️ for the WordPress community</strong></p>


Reading Progress Bar

A modern WordPress plugin that adds a customizable reading progress bar to your blog posts with advanced styling options.

Creative Scroll to Top – Smooth Back to Top Button & Progress Bar vs Reading Progress Bar