search

Jaishree2310 / GlassyUI-Components

GlassyUI: Elegant Glassmorphism Components for Modern UIs
https://glassyui.vercel.app
59 stars 113 forks source link

[FEATURE] Addition of Scroll Progress Bar #134

Open HarshtheGeek opened 1 month ago

HarshtheGeek commented 1 month ago

Is this a unique feature?

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

There is no scroll progress bar, users do not have a clear visual indication of their progress through a page. This can lead to uncertainty about how much content remains, which may discourage users from continuing to read, especially on long pages.

Proposed Solution

A scroll progress bar will enhances user experience on a website by providing visual feedback on their reading or browsing progress. It will reduce the likelihood of users feeling lost or overwhelmed on long pages, offering a more intuitive and seamless browsing experience.

kindly assign me the task @Jai

Screenshots

Screenshot (577)

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this (issue will not be assigned if this is skipped)

HTML Add a container for the scroll progress bar in your HTML file. Typically, this is placed at the top of your body content. CSS Styling Style the progress bar and its container using CSS. This will ensure the progress bar is visually appealing and positioned correctly. JavaScript Functionality Add JavaScript to dynamically update the width of the progress bar based on the scroll position of the page.

Jaishree2310 commented 1 month ago

@HarshtheGeek I have assigned this issue to you. Make sure you keep giving updates on your work. Happy coding!