[CUSTOM CODE] Scroll Progress Bar in Webflow for a Horizontal Scrolling Site

Hi,

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!

Happy Saturday!