Add a "Scroll down progress bar"

[MastanSayyad]

Is your feature request related to a problem? Please describe.

Hey @ayush-that and @deepeshmlgupta

I would like to suggest adding a scroll down progress bar to the website to enhance user experience. A scroll progress bar visually indicates how much of the page has been scrolled and how much is left, providing users with a better sense of their position on the page. This feature can be especially helpful for long pages blogs and articles.

Describe the solution you'd like.

• Add an HTML element that will act as the progress bar.
• Use CSS to style the progress bar, making it fixed at the top or bottom of the page.
• Implement JavaScript to add smooth and calculate the scroll percentage.

Describe alternatives you've considered.

N/A

Add any other context or screenshots about the feature request here.

• It Will Look Like This:

https://github.com/ayush-that/FinVeda/assets/101971980/f40d5321-ba63-42e6-8953-d8ff5893d4ff

As you can see it

• Enhances user experience by providing visual feedback.
• Useful for long pages or articles.
• Improves overall navigation and user satisfaction

Could you please assign this issue to me under GSSOC 24?

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I have checked the existing issues
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.