Murasaki

Progress

Displays an indicator showing the completion progress of a task.

import { Progress } from "@murasakijs/ui";export function ProgressDemo() {return <Progress value={60} className="w-[60%]" />;}

Usage

import { Progress } from "@murasakijs/ui";
<Progress value={60} />

API Reference

Props

PropTypeDefault
valuenumber | null

Progress renders a Radix UI Progress.Root whose indicator is translated horizontally based on value (0–100).

Improve this page on GitHub

On this page