File Uploading Progress

v1.1.0

Shows file upload status with progress.

Asynchronous Active Stream

View the progress bar during an active upload.

production-database-export.sql
142.8 MB45%

Terminal Success & Exception Matrix

See success and error states for uploads.

user-avatar-vector.svg
1.2 MBComplete
enterprise-financials.pdf
24.5 MBUpload failed

API Reference

All available props for this component.

Property
Type
Default
Description
fileNamestringrequiredThe direct identification string designating the attachment target asset.
fileSizestring'Unknown size'Explicit document byte calculation metadata (e.g., '14 KB' or '2 GB').
progressnumber0Scalar measurement percentage tracked between absolute parameters 0 and 100.
status'uploading' | 'success' | 'error''uploading'Drives asset indicator sub-states and swaps tracking themes automatically.
onCancel() => voidundefinedOptional callback parameter rendering an action close element inside structural header files.
© 2026 Venti UI Labs. UI made right.