Showing a progress bar with text when viewing a specific section on the webpage

Hi everyone!

I hope you all are doing great!

I hope you all can help me as I am fairly new to Webflow.

I want to show a sticky animated progress bar when the user starts scrolling over a “specific” section. There must also be some text that appears and disappears as the user is scrolling through the section. When the user reaches the bottom of the section then the progress bar must not be sticky anymore.

Please see the example I am trying to copy here:

It’s about halfway down the webpage.


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