Add a Scroll-Based Progress Bar to Track Page Navigation

[Aman-G-upta]

I noticed that the project 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 @MinavKaria

[MinavKaria]

Hi @Aman-G-upta! Thanks for opening this issue on Ratna Supermarket. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[veepanshu-kasana]

@MinavKaria I want to contribute to this project on this particular issue. Please assign it to me!