Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added "Scroll Down Progress Bar" To The website #553

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Added "Scroll Down Progress Bar" To The website #553

wants to merge 4 commits into from

Conversation

Tejashri-Taral
Copy link
Contributor

Hey @subhadipbhowmik ,
closes issue #515

I have added scroll progress bar into the website.
what I did-

  • Styled the Progress Bar: Used inline CSS to position the progress bar at the top of the viewport and style it.
  • Added the Progress Bar Element: Included a div element in your JSX with an ID that will be targeted by the JavaScript code.
  • Implemented Scroll Tracking: Used React’s useEffect hook to handle the scroll event and update the width of the progress bar dynamically as the user scrolls.

Video/Screenshot:

30DaysOfCPP.mp4

Please take a look and review it.

@Tejashri-Taral
Copy link
Contributor Author

@subhadipbhowmik Please take a look

@Tejashri-Taral
Copy link
Contributor Author

@subhadipbhowmik Please merge the PR.
As the program is going to end tommorow!..

@Tejashri-Taral
Copy link
Contributor Author

@subhadipbhowmik

@Tejashri-Taral
Copy link
Contributor Author

@subhadipbhowmik Please review it ..as the gssoc is ending 7pm

@Tejashri-Taral Tejashri-Taral mentioned this pull request Aug 10, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
content enhancement New feature or request gssoc level1
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@Tejashri-Taral @subhadipbhowmik