Progress

import { Progress } from "@araf-ds/core"

export default function Example() {
  return <Progress value={60} showLabel />
}

<Progress value={60} />

<Progress value={75} showLabel label="75% uploaded" />

<Progress value={100} variant="success" showLabel label="Complete" />
<Progress value={85} variant="warning" showLabel label="Almost full" />
<Progress value={40} variant="error" showLabel label="Failed at 40%" />

<Progress value={60} size="sm" />
<Progress value={60} size="md" />
<Progress value={60} size="lg" />