Batch Summary

Uploading 24 files9.2 MB/s overall
74%
18Done
3Uploading
3Queued
About this piece

Batch Summary

Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.

Usage

The import and the props worth knowing about, in one place.

import { Upload19 } from "@/components/beste/piece/upload19";

<Upload19
  total={24}
  uploading={3}
  done={18}
  overallPercent={74}
  speed="9.2 MB/s overall"
  tone="sky"
/>

More Upload pieces

View all Upload
+20
Recent uploads24 items

Upload Stack

Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.

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.

design-archive.zipInterrupted 4 minutes ago
42%
Resume from 132 MB

Resume Upload

Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.

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.

raw-footage-reel.mp458%
Chunked upload · 16 MB parts9 / 16 done

Chunked Upload

Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.