Progress Circle

Visual element to indicate progress, performance, or status represented in a circular shape.

Without children

$340/$450 (75%)

Spend management control

Progress value as children

75%

$340/$450 (75%)

Spend management control

Avatar as children

$340/$450 (75%)

Spend management control

Installation

npx solidui-cli@latest add progress-circle

import { ProgressCircle } from "~/components/ui/progress-circle"

<ProgressCircle value={75} />