Skip to content

Progress

Usage

<Progress
  className="h-2"
  segments={[
    { id: 1, value: 10, className: 'bg-purple' },
    { id: 2, value: 40, className: 'bg-success' },
    { id: 3, value: 70, className: 'bg-warn' },
  ]}
/>