Progress model

Timelines

Timelines decide what drives progress. Channels decide what moves. Test each model in the frames below.

vl-timeline="view"

Test here

Scroll inside the frame to trigger view-linked motion. Use Replay to run again.

View progress

Linked to visibility in the scrollport

vl-enter="fade-up" vl-timeline="view"

Test here

Auto timeline

Time-based, no scroll needed

vl-enter="scale-in" vl-timeline="auto"

Test here

Progress gated by intent

vl-timeline="hover"

Test here

Scroll inside the frame to trigger view-linked motion. Use Replay to run again.

Shared clock

vl-scene vl-timeline="view" vl-pin="2" vl-scrub

Value	Behavior
`view`	Element / scene visibility (`view()` or `--vl-scene`)
`scroll`	Root scroll progress
`auto`	Time-based CSS animation
`hover`	Paused until hover / focus