TSLMH

thank you so much! I had tried it but didn't have it inside the closing bracket of the function so it made no difference. Thank you for your time. This works!

Trying to follow as best a newbie can. I tried moving lines 2-6 that dictate the progress bar portion to the very last thing in the js but it made no difference.

Okay, it took a while to get into codeine because it kept logging me out but here is the quick demo of both of those different functions combined in the same page that I need. You can see that the progress bar actually goes to 100% before even the end of the horizontal sections and most definitely doesn't reflect the entire length of the page that I would like. https://codepen.io/TSLMH/pen/gOGEmbN

Sorry for the confusion. Looks like when I saved both codepen links they got out of order. The progress bar example at the bottom of my post should go with my first point. Both of these scripts do work independently but when I combine them in my test web page the progress bar does not work as expected. The progress bar itself works but follows only the horizontal movement shown in sliding sections and does not account for the length of the page itself. I hope that makes more sense.

Hello All, I apologize for a very newbie question but I have successfully started animating using parts from multiple different threads but I have come to a stop. I am trying to combine basically the following two functionalities: 1. Progress Bar to indicate the entire height of page, indicating your scrolling progress as shown here: https://codepen.io/Mamboleoo/pen/abdwYaJ 2. Placed in a page that begins with a sequence of horizontally scrolling sections like this: https://codepen.io/GreenSock/pen/LYLPKYd - I just removed the snapping portions because I don't need that. The results of the combining both in the same page is resulting in a the progress bar tracking only the horizontal scrolled sections and not taking into account the actual page continues further. Thank you in advance.