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


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 ?