Progress

Progress displays a determinate progress bar indicating how far along a task or process is.

Installation

npm install @libretexts/davis-react

Basic Usage

import { Progress } from '@libretexts/davis-react';

export default function Example() {
  return <Progress value={65} label="Upload progress" />;
}

When to use

• Progress — Use when you can quantify how much of a task is complete (file uploads, multi-step processes, profile completion).
• Spinner — Use for indeterminate loading where the duration or progress cannot be quantified.