Skeleton and progress

Skeleton rows hold the shape of a list; the box spinner loops inside. Set a progress value to see the fill grow. Under prefers-reduced-motion: reduce the motion is removed and the end state shows at once.

Skeleton rows

Progress

Image previews

Static posters are shown first. Play starts an animated image; Pause restores its poster. Reduced motion keeps posters visible.

skeleton dark motion end-state preview
skeleton dark
skeleton light motion end-state preview
skeleton light