Progress

Component

Progress indication bars with different variants and labels.

Installation & Usage

Basic Usage

import { Progress } from 'dotti'

<Progress 
  value={75} 
  label="Loading..." 
  showValue 
/>

Examples

Progress Variants

Different progress bar styles.

Loading Progress75%

85%

60%

30%

Code

<Progress value={75} label="Loading Progress" showValue />
<Progress value={85} variant="success" showValue />
<Progress value={60} variant="warning" showValue />
<Progress value={30} variant="error" showValue />

Props

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.