• Logo

    Elementra UI

    v0.1.7 - Documentation
  1. Docs
  2. Components/Progress/

Progress

A versatile progress bar component for visualizing progress, status, or loading states.

1Installation

npm i elementra-ui

2Add Components Using CLI

npx elementra-ui add

Select components using the up/down arrow keys. Press spacebar to select multiple components, then press enter to add them to your src folder.

3Basic Usage

Import and use the Progress component in your React components.

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

export default function ProgressExample() {
  return (
    <div>
      <Progress value={50} />
      <Progress value={75} variant="success" />
    </div>
  );
}