I am creating an interaction that starts when the page is scrolled to 30%. But I would like the same animation to happen even at 50% and 80% of the page scroll. How can I do that?
Here is the video to the animation. https://www.useloom.com/share/a35eb39344c54d39bd8c8fddc9d4e3f6
The animation I am referring to refers to the yellow line under the text in the center of the page.