progress-bar-label

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/progress-bar-label.tsx
import { ProgressBar } from "@/registry/new-york/ui/progress-bar"

export default function ProgressBarLabel() {
  return (
    <ProgressBar
      label="Processing files"
      value={45}
      formatOptions={{ style: "decimal" }}
      valueLabel="15 of 60 files"
    />
  )
}

Installation

npx shadcn@latest add @taki/progress-bar-label

Usage

import { ProgressBarLabel } from "@/components/progress-bar-label"
<ProgressBarLabel />