Player controls — playing

Same component, state=Playing, position=0.32. Toggle glyph swaps to ❚❚ (pause), the scrub fill draws to 32%, the handle sits on top of the fill's leading edge with a soft halo on hover.

Time display tracks position: position × duration rounded to whole seconds → 0:27 / 1:24.

Open as standalone demo →

PlayState · Components index