Progress Bar

import { ProgressBar, MultiProgressBar } from "@/components/pioneerui/progress-bar"
 
export default function Stats() {
  return (
    <>
      <ProgressBar value={75} label="Storage used" showValue variant="gradient" />
      <MultiProgressBar
        segments={[
          { value: 50, color: "#6366f1", label: "React" },
          { value: 30, color: "#a855f7", label: "Vue" },
          { value: 20, color: "#ec4899", label: "Other" },
        ]}
      />
    </>
  )
}