Search blocks by description or jump to a page.
Batch upload tracker with per file progress bars, a cancel button, a completed row, and a failed row showing the size limit error.
The source for every Application block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? Log in
Upload Queue Panel is the batch-upload tracker: four file rows each with a small Placeholder thumbnail, a truncated filename, and a file size in tabular-nums. brand-campaign.jpg is 72 % through with a progress bar and a cancel button; product-walkthrough.mp4 is at 31 %. team-photo.jpg shows Upload complete with a check icon. raw-export-4k.mov failed with the plain error File exceeds the 500 MB upload limit. The header reads 2 in progress, 1 done, 1 failed and a 4 files badge; the footer notes that files are processed and optimized after upload completes.
Uploads are one explicitly typed array so every row carries the same keys, status drives the icon branch, and the error field is string or undefined. The failed error message is the feedback that stops the support ticket.
Reach for this block as the upload-progress drawer or inline panel that appears when a user drops files, wired to your upload API and polling for progress. Remove rows as uploads finish or let users dismiss them manually.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the media-upload progress panel. Other queue configurations:
Tip: name the error precisely; File exceeds the 500 MB upload limit tells the user exactly what to fix without a support roundtrip.