01
Brief
Старт ленты — scroll progress = 0
Прокрутите эту область ↓
Линия и узлы синхронизированы с scroll progress
02
Wireframe
Линия растёт вместе с прокруткой
03
Design
Узел активируется у линии активации
04
Prototype
CSS Variables: --timeline-progress
05
Review
requestAnimationFrame на scroll
06
Launch
Предыдущие узлы остаются «пройденными»
07
Iterate
Финал — progress близок к 1