Add this elegant scroll indicator to your website to instantly display a living progress tracker that updates dynamically based on your content. Works seamlessly with CMS content and any heading-based layout.
Collapsed — A minimal pill showing your scroll percentage. Clean and unobtrusive until you need it.
Expanded — Hover to reveal your full content structure. Section titles animate in, active sections highlight, and a click takes you exactly where you need to go.
Gooey Animation — The percentage badge and indicator blend together with a satisfying organic animation as you begin scrolling. A subtle touch that makes navigation feel alive.
Frosted Glass Styling — Semi-transparent backgrounds with backdrop blur. Customizable colors, blur intensity, and borders to match any design.
Smart Content Detection — Five tracking modes: H1s only, H1+H2, H1-H3, all headings, or custom scroll sections via data attributes.
Native Framer Typography — Full font picker integration. Choose any font family, weight, size, and spacing directly from Framer's controls.
Intelligent Truncation — Long titles automatically truncate with ellipsis at your specified width.
Adjust sizing, padding, border radius, line thickness, animation physics, scroll offset, max items, custom label overrides, and more.
Drop it in and let your visitors always know exactly where they are.
---
Feel free to reach out if you need a custom slider or other type of component. dan@fetch.design
Please note: due to this being a digital product, refunds are not possible.
Dan Marek
