Progress

1import { Progress, ProgressTrack, ProgressRange, ProgressValue } from "@/components/ui/progress";
2
3<Progress />

1"use client";
2
3import {
4  Progress as ArkProgress,
5  useProgressContext,
6} from "@ark-ui/react/progress";
7import type React from "react";
8import { cn } from "@/lib/utils";
9import { FieldLabel } from "@/registry/react/components/field";
10
11export const useProgress = useProgressContext;
12
13interface ProgressProps
14  extends Omit<React.ComponentProps<typeof ArkProgress.Root>, "value"> {
15  /**
16   * Shows indeterminate progress
17   *
18   * @default false
19   */
20  indeterminate?: boolean;
21  /**
22   * The value of the progress bar
23   *
24   * @default 0
25   */
26  value?: number;
27}
28