Components › Feedback

Progress

Linear progress for a task, and Meter, a cell meter for quotas.

Installation

npx plankui@latest add progress

Usage

import { Progress } from "@/components/ui/progress";

<Progress value={64} />
<Meter value={72} cells={24} />

API reference

PropTypeDefaultDescription
valuenumber0Percent complete.
tone"accent" | "success" | "danger""accent"Fill colour.
Meter.cellsnumber24Number of cells.

View the source on GitHub