Docs
Progress
Progress
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
import { Progress } from "@repo/tailwindcss/default/progress";
const ProgressDemo = () => {
return <Progress value={60} class="w-60%" />;
};
export default ProgressDemo;import { Progress } from "@repo/tailwindcss/solid/progress";
const ProgressDemo = () => {
return <Progress value={60} class="w-60%" />;
};
export default ProgressDemo;Installation
npx shadcn-solid@latest add progressInstall the following dependencies:
npm install @kobalte/coreCopy and paste the following code into your project:
Install the following dependencies:
npm install @kobalte/coreCopy and paste the following code into your project:
Usage
import { Progress } from "@/components/ui/progress";<Progress value={33} />