Added scroll progress bar into the website

[Tejashri-Taral]

Hey @Anjaliavv51 ,

I have added the Scroll down progress bar in the website
closes issue #480

Video

scroll.mp4

Please take a look

[github-actions]

Great job, @Tejashri-Taral! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
🔨 Latest commit	21cfe04
🔍 Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/670ec2a2b5f8860009590dca
😎 Deploy Preview	https://deploy-preview-484--rococo-mooncake-0d89f7.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Anjaliavv51]

@Tejashri-Taral implement these effects to all pages.

[Tejashri-Taral]

Hey @Anjaliavv51 I have added scroll progress bar as well as scroll down bar

[Anjaliavv51]

@Tejashri-Taral but decerase thickness of the bar.

[Anjaliavv51]

@Tejashri-Taral progress bar UI color should match , the electronic's pagr colors

[Tejashri-Taral]

@Anjaliavv51 is it ok now?

[Anjaliavv51]

@Tejashri-Taral feature is not added to menu.html page.

[Anjaliavv51]

check in below deployment image of your changes.

[Tejashri-Taral]

@Anjaliavv51