Section Progress Bar

This component is a scroll-based section progress bar designed for long, multi-section websites. As the user scrolls, the bar updates to show which section they’re currently viewing and how much of the page they’ve completed. Each segment corresponds to a specific section of the page, making it easy to understand both overall progress and current position. It helps improve orientation and navigation, especially on content-heavy pages where users benefit from visual feedback on how far they’ve come and what’s left.