About this piece
Upload Progress
Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.
Usage
The import and the props worth knowing about, in one place.
import { Upload12 } from "@/components/beste/piece/upload12";
<Upload12
filename="campaign-edit-01.mov"
bytesUploaded="184 MB"
bytesTotal="312 MB"
speed="12.4 MB/s"
eta="10s left"
percent={59}
tone="sky"
/>More Upload pieces
View all Uploadkeynote-rehearsal.mp4Paused · 212 MB left
Upload Paused
Paused-upload row with an amber Resume button and a static amber progress track matching the state.
Preparing upload
album-cover.png2.4 MBQueued
liner-notes.pdf860 KBQueued
session-take-03.mp448 MBQueued
Upload Queue
Three queued files whose progress bars fill one after another, each settling into a green check while the header counts up to all files uploaded.
brand-guidelines.pdf12.4 MB · 68%
File Upload Card
File tile with icon, name, size, and an inline progress bar.
brand-guide.pdf4.2 MB
hero-video.mov
logo-dark.svg18 KB
pricing.xlsx2.1 MB
Multi-File Queue
Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.
