About this piece
Chunked Upload
Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.
Usage
The import and the props worth knowing about, in one place.
import { Upload17 } from "@/components/beste/piece/upload17";
<Upload17
filename="raw-footage-reel.mp4"
chunks={16}
chunkStatuses={[
"done",
"done",
"done",
"done",
"done",
"done",
"done",
"done",
"done",
"uploading",
"uploading",
"pending",
"pending",
"pending",
"pending",
"pending"
]}
overallPercent={58}
tone="sky"
/>More Upload pieces
View all Upload
+20Recent uploads24 items
Upload Stack
Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.
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.
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.
Uploading 24 files9.2 MB/s overall
74%18Done
3Uploading
3Queued
Batch Summary
Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.