ProcessingStatusIndicator

Domain

Animated status indicator for UPLOADING / PROCESSING / READY / FAILED states. Optional progress bar with percentage.

Preview

Uploading45%

Processing45%

Ready100%

Failed

Code

<ProcessingStatusIndicator status="UPLOADING" progress={30} />
<ProcessingStatusIndicator status="PROCESSING" progress={65} />
<ProcessingStatusIndicator status="READY" progress={100} />
<ProcessingStatusIndicator status="FAILED" />

Preview

Encoding video…65%

Code

<ProcessingStatusIndicator status="PROCESSING" label="Encoding…" progress={45} size="sm" />
<ProcessingStatusIndicator status="PROCESSING" label="Encoding…" progress={45} size="md" />
<ProcessingStatusIndicator status="PROCESSING" label="Encoding…" progress={45} size="lg" />

ProcessingStatusIndicator

All states

Custom label + sizes

Navigation