Add a Scroll-Based Progress Bar to Track Page Navigation

[Aman-G-upta]

I noticed that the website currently lacks a scroll-based progress bar, which would be a valuable addition to enhance user experience. This progress bar would gradually fill as the user scrolls down the page, providing a clear visual indicator of their progress through the content.

Feature Details:
Functionality: As the user scrolls down, the progress bar would dynamically fill, giving feedback on how much of the page has been viewed and how much remains.
Location: Positioned at the top of the page, running horizontally across the screen, ensuring visibility without interfering with the main content.
Design: A sleek, minimal bar that changes color as it fills, ideally in a style that complements the project’s design theme.

Please assign me under this issue @aditya-bhaumik