ProgressProgress

작업의 진행률을 6px 막대로 보여줍니다. 값을 생략하면 불확정 스윕 막대가 됩니다.Shows task progress on a 6px bar. Omit the value for an indeterminate sweep.

@horon-ai/react 표시Display

tsx

import { Progress } from "@horon-ai/react";

export default function ProgressDemo() {
  return (
    <div className="flex flex-col gap-4">
      <Progress aria-label="Loading" />
      <Progress value={0} aria-label="Not started" />
      <Progress value={40} aria-label="In progress" />
      <Progress value={100} aria-label="Done" />
    </div>
  );
}