BUG🐞: Multiple Scroll Progress Bars Appearing on Scroll

[aslams2020]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Hey @Mansi168 , @everly-gif and @Agarwalvidu ,

I have encountered a Bug where multiple scroll progress bars appear at the top of the page upon scrolling.

This results in three progress bars covering the navbar, which negatively impacts the user experience and visual aesthetics. There should be only one scroll progress bar at the top of the navbar.

ISSUE :

progressBar.Bug.emowell.mp4

Here are the details:

Expected Behavior: Only one scroll progress bar should be visible at the top of the navbar
Actual Behavior: Three progress bars appear, overlapping and covering the navbar

Please look into this issue and please assign me.
Thank you!

Add ScreenShots

No response

What browsers are you seeing the problem on?

No response

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I'm willing to provide further clarification or assistance if needed.

[aslams2020]

@everly-gif @Agarwalvidu I Want to work on this,
Please assign me.

[everly-gif]

Please fix the navbar positioning along with it if you can. Thanks and assigned

[aslams2020]

Please fix the navbar positioning along with it if you can. Thanks and assigned

@everly-gif Done Please Check

[aslams2020]

@Agarwalvidu @everly-gif @Mansi168 It is Done..please take a look

[aslams2020]

@Agarwalvidu @everly-gif @Mansi168 please take a look