✨ Feature Description
Add a slim reading progress bar at the top of the page that visually indicates how much of the page the user has scrolled through.
🤔 Problem It Solves
The landing page contains several sections, and users have no indication of how much content remains. A progress indicator helps users understand their position on the page and improves navigation.
💡 Proposed Solution
Implement a fixed progress bar at the top of the viewport whose width updates according to the user's scroll position.
🔄 Alternatives Considered
A floating scroll percentage indicator could also work, but a progress bar is less distracting and provides a cleaner user experience.
📸 Mockups / Examples
Thin orange progress bar below the navigation bar.
Smoothly expands from left to right while scrolling.
✅ Acceptance Criteria
Progress bar appears at the top of the page.
Width updates smoothly while scrolling.
Responsive across different screen sizes.
Does not affect existing layout.
📋 Additional Context
This enhancement only requires frontend changes and improves user experience on long pages.
🌱 Contributor Checklist
I am participating via GSSoC
I have read the contribution guidelines
I checked for existing issues before creating this
✨ Feature Description
Add a slim reading progress bar at the top of the page that visually indicates how much of the page the user has scrolled through.
🤔 Problem It Solves
The landing page contains several sections, and users have no indication of how much content remains. A progress indicator helps users understand their position on the page and improves navigation.
💡 Proposed Solution
Implement a fixed progress bar at the top of the viewport whose width updates according to the user's scroll position.
🔄 Alternatives Considered
A floating scroll percentage indicator could also work, but a progress bar is less distracting and provides a cleaner user experience.
📸 Mockups / Examples
Thin orange progress bar below the navigation bar.
Smoothly expands from left to right while scrolling.
✅ Acceptance Criteria
Progress bar appears at the top of the page.
Width updates smoothly while scrolling.
Responsive across different screen sizes.
Does not affect existing layout.
📋 Additional Context
This enhancement only requires frontend changes and improves user experience on long pages.
🌱 Contributor Checklist
I am participating via GSSoC
I have read the contribution guidelines
I checked for existing issues before creating this