Scroll Progress Bar

ScrollProgressBar for Framer – Visualize Page Scroll Progress A lightweight Framer code component that creates a customizable progress indicator linked to the user’s scroll…

ScrollProgressBar for Framer – Visualize Page Scroll Progress A lightweight Framer code component that creates a customizable progress indicator linked to the user’s scroll position. Perfect for long-form pages, editorial layouts, portfolios, or any site where you want to give visitors a clear sense of reading progress. The bar automatically tracks scroll position and animates smoothly across the viewport with full control over color, thickness, and orientation. Features Horizontal or vertical orientation (top, bottom, left, right) Adjustable thickness in pixels Customizable color Smooth, real-time scroll tracking Fixed position overlay (always visible) Minimal and performant — no extra setup required