UI Lab | Progress

Progress bar component for showing completion status.

import { Progress } from "ui-lab-components";
 
export function Example() {
  return <Progress value={60} />;
}

Size

Variant

Value

Indeterminate

Show Value

A simple progress bar showing completion at 65%. Use this to display task or loading progress in your interface.

import React from 'react';
import { Progress } from 'ui-lab-components';
 
export default function Example() {
  return <Progress value={65} />;
}