Progress bar
Thin progress indicator for exports, asset loading, and generation. Supports determinate and indeterminate states.
Install
npx shadcn@latest add https://substrate.georgedrury.co.uk/r/progress-barExamples
Default
Exporting...0%
Loading assets
"use client"
import { useState, useEffect } from "react"Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Current progress value |
max | number | 100 | Maximum value |
indeterminate | boolean | — | Show an animated indeterminate indicator |