Reading Progress Bar

Plan: Enterprise
Setting: show_progress_bar

What It Does

Displays a thin, colored progress bar at the top of the description block that fills from left to right as the customer scrolls through the content. It visually shows how much of the description has been read.

How to Enable

Open the Theme Editor
Click on the Product Description Layout block
Scroll to Enterprise Features
Toggle Show Progress Bar ON
Save

Key Settings

Bar Color — uses your accent color by default (customizable)
Bar Height — thickness of the progress bar
Position — top of the block (sticky)

Benefits

Encourages full reading — the filling bar motivates customers to scroll to the end
Visual feedback — customers know where they are in the content
Professional UX — commonly seen on premium content sites
Non-intrusive — thin line that doesn't distract from content

Tips

Especially effective with long descriptions (500+ words)
Pairs perfectly with Reading Time indicator
Works with all display modes
Bar color automatically matches your accent color setting
Responsive — works on both desktop and mobile