Search

Search documentation

Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

Installation

pnpm dlx shadcn@latest add @evolphin/progress

Usage

import { Progress } from "@/components/ui/progress"
<Progress value={33} />

Type Definitions

interface ProgressProps {
  /** The progress value */
  value?: number;
ProgressProps.value?: number | undefined

The progress value

/** The maximum progress value */ ?: number; }

Examples

Default

API Reference

Progress

PropTypeDefaultDescription
valuenumber-The progress value.
maxnumber100The maximum progress value.
classNamestring-Additional CSS classes

On this page