Freemius

Shois WP

Scroll to Top Button, Reading Progress Bar, and Read Time Indicator for WordPress.
Uply solves one major problem: Reader Fatigue. Long articles can be overwhelming, but with the right visual cues, you keep users engaged and navigating effortlessly. This plugin brings three essential tools together – a Scroll to Top Button, a Reading Progress Bar, and a Reading Time Indicator – all built for speed and SEO performance.
<h3>1. Advanced Scroll to Top Button</h3>
Add a back-to-top button to your WordPress site in seconds. Give your visitors a smooth and stylish way to return to the top of any page or post.
<ul>
<li>Standard Icon Library: Choose from Arrows, Chevrons, and Circles to match your theme.</li>
<li>Flexible Positioning: Toggle between Left or Right alignment with adjustable bottom margins.</li>
<li>Custom SVG Icon Builder: Upload your own icon and fully customize background colors, borders, and hover effects.</li>
<li>Mobile Visibility Control: Enable or disable the scroll to top button specifically on mobile devices.</li>
<li>58+ Premium Button Designs [PRO]: Unlock a massive library featuring Rocket icons, Paper planes, 3D animated buttons, and unique modern shapes.</li>
<li>10+ Special Progress Buttons [PRO]: A circular or square progress indicator built directly around the back-to-top button, filling up as the user scrolls.</li>
<li>Unique Styles and Fluid Animations [PRO]: Every Pro button comes with stunning animations and designer-grade transitions.</li>
</ul>
<h3>2. Dynamic Reading Progress Bar</h3>
Show a visual reading progress bar at the top or bottom of the screen. Encourage visitors to keep reading and reduce your bounce rate.
<ul>
<li>Sleek Minimalist Styles: Solid, Segmented, or Rainbow progress bars that track scroll position in real-time.</li>
<li>Top or Bottom Positioning: Fix the reading progress bar to the top or bottom of the viewport.</li>
<li>Precision Height and Thickness: Use a range slider to adjust the bar thickness to match your brand.</li>
<li>Intelligent Sticky Offset: Smart offset settings to prevent the progress bar from overlapping sticky headers or menus.</li>
<li>30+ Premium Animation Styles [PRO]: Neon Glow, Liquid Metal, Gradient Waves, Glitch effects, and more.</li>
<li>Advanced Unique Designs [PRO]: Eye-catching progress bar designs that instantly elevate your website.</li>
</ul>
<h3>3. Smart Reading Time Indicator</h3>
Display an estimated read time on your blog posts and pages. Transparency builds trust and helps readers decide if they have time to read now.
<ul>
<li>Precision WPM Algorithm: Automatically calculates reading time based on a customizable Words Per Minute setting.</li>
<li>Clean Text Layout: Displays a simple “X min read” label before or after your post content.</li>
<li>Dual-Positioning Display: Show reading time Before Content, After Content, or in Both locations at once.</li>
<li>Full Typography and Styling Suite: Control font size, colors, background, padding, and margins – no coding required.</li>
<li>Custom Labels: Set your own Prefix (e.g., “Ready in:”) and Postfix (e.g., “minutes”) text.</li>
<li>25+ Designer Layouts [PRO]: Unique layouts featuring professional icons like Clocks, Books, Hourglasses, and Sand-timers.</li>
<li>Stunning Layout Animations [PRO]: Animated entry and hover effects for the reading time badge.</li>
</ul>
<h3>4. Intelligent Targeting and Performance</h3>
Uply is built for speed and control. It gives you precise tools without sacrificing Core Web Vitals or page performance.
<ul>
<li>Vanilla CSS Animations: No heavy libraries like jQuery UI or GSAP. All animations use optimized CSS for zero performance impact.</li>
<li>Conditional Display Logic: Enable or disable each feature globally or per Post Type (show on Posts, hide on Pages, etc.).</li>
<li>Precise Page Exclusion: Use the built-in search tool to exclude specific pages or posts by ID.</li>
</ul>
<h3>Why Choose Uply?</h3>
Whether you use the free version or the PRO version, Uply is engineered to improve your Time on Site and Bounce Rate – two of the most important metrics for SEO and user satisfaction.

Scroll to Top Button, Reading Progress Bar & Read Time – Uply

Add a scroll to top button, reading progress bar, and estimated read time to your WordPress site. Lightweight, SEO-friendly, and fully customizable.

Jose Varghese

Improve your website’s user experience with Scroll to Top, a lightweight and feature-rich plugin that adds a smooth “Back to Top” button and a Reading Progress Bar.
Long pages can be frustrating. This plugin helps users navigate seamlessly with a single click. Unlike basic scroll plugins, we offer 16 professionally designed styles, ranging from minimal arrows to gamified animations like Rocket Launch and Cosmic effects.
It also includes a visual Reading Progress Bar, perfect for blogs and long-form content to show readers their position on the page. Position the bar at the top, bottom, or right side of the screen — and if you choose the top position, the plugin automatically detects your site’s header (including sticky and FSE block theme headers) and places the bar neatly below it.
<h3>🚀 Why Choose This Scroll to Top Plugin?</h3>
Every website needs smooth navigation. Our plugin boosts user experience by allowing visitors to return to the top of your page instantly, reducing bounce rates and keeping them engaged. We prioritized performance, ensuring the plugin is lightweight and fast, loading assets only when necessary so your site speed remains unaffected. You can fully customize the extensive color options to match your brand identity, complete with live previews. Plus, it’s designed to be mobile-responsive, working perfectly on phones, tablets, and desktops.
<ul>
<li>Boost Navigation: Reduce bounce rates by making it easy to scroll back up.</li>
<li>Lightweight & Fast: Optimized for performance; assets load only when needed.</li>
<li>Fully Customizable: Match your brand with unlimited colors and live previews.</li>
<li>Mobile Responsive: Designed to work perfectly on phones, tablets, and desktops.</li>
</ul>
<h3>✨ Key Features</h3>
Unlock a suite of powerful features designed for modern websites. Choose from over 16 unique styles, ranging from minimalist designs to fun animations. The integrated Reading Progress Bar gives users a clear visual indicator of their position, while the smooth scroll technology ensures a polished feel. You have full control over positioning, scroll triggers, animation speed, and page targeting to ensure the button appears exactly when and where you need it.
<ul>
<li>16+ Unique Styles: Choose from minimalist arrows, rockets, bubbles, neon effects, and more.</li>
<li>Reading Progress Bar: A sleek bar that fills as users scroll — position it at the top, bottom, or right side.</li>
<li>Header Auto-Detection: When placed at the top, the bar automatically detects sticky and FSE block theme headers and sits neatly below them. You can also provide a custom CSS selector.</li>
<li>Smooth Scroll Up: Customize the scroll speed (Slow, Normal, Fast) for a polished feel.</li>
<li>Smart Positioning: Place the button Bottom-Right, Bottom-Left, or Bottom-Center.</li>
<li>Scroll Trigger: Auto-show the button after scrolling a specific distance (e.g., 300px).</li>
<li>Page Targeting: Display on specific post types (Homepage, Posts, Pages) or exclude as needed.</li>
<li>Accessibility Ready: WCAG compliant with keyboard support and ARIA labels.</li>
</ul>
<h3>🎨 Styles Included</h3>
We understand that every site has a unique design language. That’s why we’ve included a diverse library of button styles. Whether you need an essential arrow for a professional business site, a visual indicator for a blog, or a fun animation for a creative portfolio, you’ll find the perfect match. Our styles include everything from neon pulses and holographic effects to classic, minimal designs.
<ul>
<li>Essential: Classic Arrow, Minimal Glass, Floating Bubble.</li>
<li>Visual Indicators: Progress Circle, Progress Bar (Top / Bottom / Right).</li>
<li>Fun Animations: Rocket Launch, Magic Wand, Floating Bubble.</li>
<li>Modern Effects: Neon Pulse, Holographic, Cosmic Sparkle.</li>
</ul>
<h3>♿ Accessibility First</h3>
Web accessibility is at the core of our development. We believe navigation should be seamless for everyone. The plugin is built with strict WCAG compliance, offering full keyboard navigation support (Tab key) and proper ARIA labels for screen readers. It also respects user preferences for reduced motion, ensuring a comfortable experience for all visitors.
<ul>
<li>Keyboard Support: Full keyboard navigation support (Tab key).</li>
<li>Screen Readers: Proper ARIA labels for screen readers.</li>
<li>Reduced Motion: Respects user “Reduced Motion” settings in browsers.</li>
</ul>
💡 Pro Tips: 
* Use the progress circle style for long-form content 
* Match button colors to your brand palette 
* Enable the progress bar and set it to “Top” — it will auto-detect your sticky header and sit neatly below it 
* Use the custom selector option if your theme uses a non-standard header class (e.g. <code>.my-theme-header</code>) 
* Adjust bottom offset to avoid conflicts with other fixed elements 
* Position buttons based on your site’s layout

Scroll to Top – Smooth Scroll Up, Back to Top & Reading Progress Bar

Add a customizable Scroll to Top button and Reading Progress Bar. Smooth scroll up, 16+ styles, and mobile responsiveness for better navigation.

Scroll to Top Button, Reading Progress Bar & Read Time – Uply vs Scroll to Top – Smooth Scroll Up, Back to Top & Reading Progress Bar