Resume Upload

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

design-archive.zipInterrupted 4 minutes ago

42%

Resume from 132 MB

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Upload21 } from "@/components/beste/piece/upload21";

<Upload21
  filename="design-archive.zip"
  interruptedAt="Interrupted 4 minutes ago"
  percent={42}
  resumeFrom="Resume from 132 MB"
/>