Chunked Upload

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

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

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

Import & use
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"
/>