Back to library

Commerce

Download Progress Button

A compact progress state for install, save, and offline download moments.

downloadprogresssave

Usage

Use this interaction when the action benefits from immediate tactile feedback without taking visual attention away from the surrounding interface.

Platform: Web / iOS

Motion parameters

Interaction
Download progress state
Hover
Idle surface stays calm
Press
Starts progress fill
Spring
state-driven width transition
Duration
84ms progress ticks
Easing
easeOut

Code

tsx
<DownloadProgressButton />

Production API and token extraction will be added in a later package pass.