Utility
Terminal
█
progress-bar-demo █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█Installation
$ pnpm dlx shadcn@latest add @termcn/opentui/progress-bar
Usage
import { ProgressBar } from "@/components/ui/progress-bar";<ProgressBar value={42} total={100} label="Uploading" />Examples
Custom Characters and Color
Terminal
█
progress-bar-custom █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█API Reference
ProgressBar
| Prop | Type | Default |
|---|---|---|
value | number | required |
total | number | - |
width | number | 30 |
showPercent | boolean | true |
showEta | boolean | false |
fillChar | string | "█" |
emptyChar | string | "░" |
color | string | - |
label | string | - |