Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
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"
/>