C
Christoph 73s0p • REV 1
Asset Details
Views 17
Saves 0
Likes 0
Revision 1
Alias 73s0p
Created Nov 4, 2025

[DSW] Reading Progress

🚀 Reading Progress Bar with some smart features and zero dependencies. 🎯 Easy Setup: Just configure via CSS variables (or use the defaults). Add it to your template or module wherever you need it. That's it! ✨ optional features ✨ Auto-detects YOOtheme theme colors. ✨ Customizable height and positioning (top/bottom). ✨ Can position itself below sticky headers. ✨ delayed display after scrolling. ✨ exclude footer from calculation. ⚡ Performance: Only loads features you actually use. Smart updates only when needed. Pure vanilla JS, no dependencies. 🚀 Works great on mobile and desktop. I've been using it on several sites without issues for a long time. Hope it's useful for someone! Best, Pucki

Implementation Instructions

To implement this YOOtheme Pro layout in your Joomla or WordPress site, follow these simple steps:

1

Install Prerequisites

Ensure you have YOOtheme Pro Builder 4.5+ installed and activated on your Joomla or WordPress site.

2

Download Yoobox Plugin

Download and install the right Yoobox Plugin for the intended platform (Joomla or WordPress).

3

Access Layout Library

In YOOtheme Pro Builder, navigate to a Layout or Template and open the Layout Library.

4

Find the Yoobox Tab

Click on the Yoobox tab within the Layout Library to access Yoobox layouts.

5

Import and Customize

Find the layout you want to implement and select it to preview it. Follow any additional setup instructions provided.

Pro Tip

Copy this asset alias 73s0p to quickly search for it in the Yoobox plugin.
Log in to your account
Enter your email and password below to log in
Email address
Password
Forgot your password?
Remember me
Don't have an account? Sign up