13 lines · 408 B
import { ProgressTrack } from "~/ui/ProgressTrack";
export function ProgressBar({ done, total }: { done: number; total: number }) {
  const percent = total === 0 ? 0 : Math.round((done / total) * 100);
  return (
    <div className="space-y-1">
      <ProgressTrack percent={percent} />
      <p className="text-xs text-kumo-subtle">
        {done} of {total} done · {percent}%
      </p>
    </div>
  );
}