[FEATURE] Add responsive scroll progress bar for improved navigation

[hari2k7]

Description

The website currently does not provide any visual indication of how far a user has scrolled through the page. On pages with multiple sections, it can be difficult for users to gauge their reading progress or know how much content remains.

Adding a responsive scroll progress bar would improve navigation and provide better visual feedback while browsing.

Proposed Solution

• Add a thin progress bar fixed at the top of the page.
• Update the progress dynamically based on the user's scroll position.
• Use smooth animations for better visual feedback.
• Ensure the progress bar is responsive across desktop, tablet, and mobile devices.
• Style it to match the existing UI and color theme of the website.

Benefits

• Improves navigation and user awareness.
• Enhances the overall browsing experience.
• Provides a modern and intuitive UI element.
• Can be implemented with minimal performance impact.

I would like to work on this issue under GSSoC'26.