Progress

Usage

import { Progress } from '@jamie/ui/progress'
 
export function ProgressDemo() {
  return <Progress value={60} className="w-full" />
}

With Label

Add a label and percentage value alongside the progress bar.

Processing transcript

import { Progress, ProgressLabel, ProgressValue } from '@jamie/ui/progress'
 
export function ProgressWithLabelDemo() {
  return (
    <Progress value={60} className="w-full">
      <ProgressLabel>Processing transcript</ProgressLabel>
      <ProgressValue />
    </Progress>
  )
}