Page progress scroll bar

toolman · January 23, 2020, 4:30pm

Hi,

Can anyone suggest a way of achieving the following effect of a progress bar at the top as the user scrolls to the bottom of the page?

This is an example of what I mean:

Thanks!

PaulOB · January 23, 2020, 4:52pm

There’s an old article here using the progress element and JS.

Or a clever CSS only method that requires a certain structure and a fixed height header.

Here’s an old one of mine using jquery but I was just playing around so may not be fit for purpose.

toolman · January 23, 2020, 5:18pm

Thank you, that’s great. I will take a look

system · April 24, 2020, 12:18am

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.