Webflow progress bar scroll interaction

[williamsbrad1994 (Bradley Williams)]

Hey guys

I recently used this video to implement the scroll bar interaction. So cool!

Interactions & animations course | Webflow University

But I had a query. Does anyone know how to have it scroll to 100% once it reaches the bottom of the blog post rather than the bottom of the page?

here’s the read only: https://preview.webflow.com/preview/dream-big-travel-far?preview=ae94492a4e1e5739839b451433453663

You can find the interaction only on the “blog post template” page of the site

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[samliew (webflowexpert.com)]

Sounds like an article read indicator

[williamsbrad1994 (Bradley Williams)]

Yes precisely @samliew do you know how to do this?

[samliew (webflowexpert.com)]

@williamsbrad1994

do you know how to do this?

Yes, I implemented a complex one here with five articles on a single page.

This is per-project basis though, and there is no one-size fits all solution, so if you really want this you can always contact me using this link.

[williamsbrad1994 (Bradley Williams)]

Hey @samliew, unfortunately your site’s scroll indicator doesn’t seem to be working

[Waldo (Waldo Broodrÿk)]

@williamsbrad1994 you’ll need to apply a while While scrolling in view animation to your blog post body, perhaps wrap the hero image and the post body in a div and tie the animation to that:

[samliew (webflowexpert.com)]

@williamsbrad1994

unfortunately your site’s scroll indicator doesn’t seem to be working

Oh it’s in the sidebar, 'cos there are multiple articles

[williamsbrad1994 (Bradley Williams)]

Great thanks @Waldo all sorted!