Add Progress Bar to Landing Page

[noobpiyush]

Pull Request: Add Scroll Progress Bar to Landing Page

Description

This pull request introduces a progress bar to the landing page to enhance user experience by providing a visual indicator of scroll progress.

Problem

The landing page currently lacks a visual indicator for the user's scroll position.

Solution

Implemented a progress bar that dynamically updates based on the user's scroll position.

Scope

• The progress bar is added as a fixed element at the top of the page.
• It updates its width as the user scrolls through the content.

Changes Made

• Added a progress bar component to the landing page.
• Implemented scroll event handling to update the progress bar width.
• Ensured the progress bar is styled appropriately and visible above other content.

Testing

Manual Testing

• Scrolled through the landing page to ensure the progress bar updates correctly.
• Verified that the progress bar resets to 0% when the user scrolls back to the top.
• Checked that the progress bar reaches 100% when the user scrolls to the bottom of the page.

changes made

https://github.com/user-attachments/assets/19c15f02-fe52-456a-8194-250d282e0ac5