LoginGet started — it’s free
Made in Webflow

Section based progress line

Clone in Webflow105
Joshua Fry's avatar
by Joshua Fry
site profile thumbnail


Just a quick attempt at replicating something seen elsewhere—can definitely be improved upon but hopefully enough to demonstrate the principle. Interested to see anyone's improvements or other ways of achieving this effect! You need to have a decent amount of content above and below this at the moment for it to be effective. Play with the interaction assigned to 'outer block' to tweak.

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
cloneclonablescrollprogressprogressbarfryenglandunited kingdom

More by Joshua Fry

See profile
View details
Overlapped Header Effect
© 2022 Webflow, Inc. All rights reserved.