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 ProgressA 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