This tool has several versions:
This tool is part of https://scroll-driven-animations.style/ and should help you get a grasp of how all View Timeline Progress works.
As you scroll the scroller, the subject will be in a certain View Timeline Range. The six lines on the page represent a progress bar for each of the ranges.
⚠️ Your browser does not support Scroll-Linked Animations so these demos will not work. Please use Chrome 115 or newer.