General

Upload Progress

A sleek, state-aware progress indicator for file transfers, featuring smooth animations and detailed metadata.

Presentation_Deck_V2.pdf65%

Uploading...

78.0 MB / 120 MB

Product_Demo_Final.mp4

Complete

Backup_Data.zip

Error

Connection lost. Retrying in 5s...

Props

Prop	Type	Description
`name`	`string`	The filename or task description
`progress`	`number`	Value between 0 and 100
`size`	`'default' \| 'compact'`	The size variant of the component
`error`	`string`	Optional error message that colors the UI red
`onCancel`	`() => void`	Callback when the close icon is pressed
`className`	`string`	Additional container styles

$npx kachindo-ui add upload-progress