Intermediate
Share a scroller's timeline
The meter under the box should follow the box's scroll, but it is full from the start. There are two problems, and the console is silent about both. Fix them: empty at the top, half full half way, full at the end.
What Check tests
- The meter has a timeline (a Scroll track)
- At the top the meter is empty
- Half way down the meter is about half full
- At the end the meter is full
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
animations
0.00s0.10s0.20s0.30s0.40s0.50s0.60s0.70s0.80s0.90s
Nothing is moving yet. Hover, click or scroll the page: every animation it starts shows up here as a track.
frames
Console
Nothing logged yet.