Components/Progress

Progress

Displays an indicator showing the completion progress of a task.

Installation

npx ruma-ui add progress

Usage

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

export default function ProgressDemo() {
  return <Progress value={60} className="w-[60%]" />;
}

API Reference

PropTypeDefaultDescription
valuenumber0Progress value percentage (0 - 100).