"Progressbar added & back-to-top button modified"

[Edasgh]

Closes: #353

• Title : Design Eye-Catching Progress Bar and a Back to top button for UI Aesthetics
• Name: Eshita Das
• Idenitfy yourself: GSSOC & Hacktoberfest Contributor

Files Created:

1. src/components/shared/Progressbar.jsx
2. src/components/shared/Progressbar.css

Files Changed:

1. src/App.jsx
2. src/App.css
3. src/components/shared/Navbar.jsx
4. src/pages/About.jsx

Changes I made:

1. Added a Progressbar component with gradient-color
2. Added "handleScroll" function on "scroll" & "load" event on window
3. Commented the code of the previous "scroll-to-top" button and added "ScrollToTop" button component from the "react-simple-scroll-up" library
4. Defined styles in "App.css" to change the color of the "ScrollToTop" svg button on dark mode
5. Removed the "progress" import from context in "App.jsx" cause it is of no use here
6. Removed the invalid ; from the defined background color in "About.jsx"

Type of change ☑️

What sort of change have you made:

• My code follows the code style of this project.
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist: ☑️

• My code follows the code style of this project.
• My code follows the Contributing Guidelines & Code of Conduct of this project.
• This PR does not contain plagiarized content.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• My changes generate no new warnings.

Demo Video :
https://www.loom.com/share/a33b909f7b1c417e92254c915e3dd946?sid=8704f85e-947c-4f88-9a13-4c26dd4710ee

[vercel]

@Edasgh is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[Edasgh]

@Avdhesh-Varshney please check this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
chanakya	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 31, 2024 8:52am

[Avdhesh-Varshney]

Looks Good