Progress Bar Scroll for Blog Post

Hi everyone!

I’m trying to replicate this progress bar from Airtable’s blog: Make a better budget with Airtable and the new web clipper block

Here’s my preview link https://preview.webflow.com/preview/arthurs-supercool-project-082d7e?utm_medium=preview_link&utm_source=designer&utm_content=arthurs-supercool-project-082d7e&preview=c5b7d469da59cac5686fb49e157285ca&pageId=5dfce5ae7a4372211720f915&itemId=5dfce5b5305f510ed9df090b&mode=preview

Currently my problem is that the progress bar has problems to pop up when scrolling from bottom to top, it works fine the other way around but it has troubles to appear when I reach the blog post content to go up.

If someone has a clue of what could fix it, I’d greatly appreciate it :slight_smile:


Here is my public share link: LINK
(how to access public share link)

We had this issue in a client project and created a script that allows you to use the 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!