Progress

Displays an indicator showing the completion progress of a task.

Syncing workspace

Installation

Import from the package. Do not run shadcn add in your app.

import { Progress, ProgressLabel, ProgressValue } from "@carsxe/design-system/components/progress"

Usage

import {
  Progress,
  ProgressLabel,
  ProgressValue,
} from "@carsxe/design-system/components/progress"

<Progress value={45}>
  <ProgressLabel>Syncing</ProgressLabel>
  <ProgressValue />
</Progress>

Complete

Export complete

API Reference

Prop	Type	Default
value	number	—