5Sponsor

Progress Circle

Circular progress indicator using Unicode braille

Terminal
progress-circle-demo
No opentui live preview is registered for this example yet.

Installation

pnpm dlx shadcn@latest add @termcn/progress-circle

Usage

import { ProgressCircle } from "@/components/ui/progress-circle";
<ProgressCircle value={75} size="sm" label="Memory" showPercent />

Examples

Sizes

Terminal
progress-circle-sizes
No opentui live preview is registered for this example yet.

API Reference

ProgressCircle

PropTypeDefault
valuenumberrequired
size"sm" | "md" | "lg""sm"
colorstringundefined
labelstringundefined
showPercentbooleanfalse