Progress*

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

utils

Variants

Progress with value

0%

Progress with value (positions)

position: follow
0%
position: start
0%
position: end
0%
position: start-outside
0%
position: end-outside
0%

Installation

Run the following command:

npx ever-ui-clx@0.2.1 add demo-progress

Usage

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