I am looking for any suggestions on how to implement a Scroll Progress Bar for a horizontal scrolling site in webflow, like this
My page main section is set to 550vw, overflow: show
I have played around with Waypoint.js but I am not sure how to progress
(forked JSfiddle) … The progress bar is 100% when I scroll to 550vw but how do I show continuous progression as i scroll ?
We dealt with this question working on a client project and created a script that allows you to use a page scroll progress bar on a single page or your entire site.
Here is a link to the tutorial video that walks you through the question, and then the solution from start to finish.
If there are any questions please feel free to tag me!