Circular Progress

SVG ring progress with optional percent label.

Install

npx github:truongnat/rnui#cli add circular-progress

or directly via the shadcn CLI:

npx shadcn add https://<registry-base>/r/nativewind/circular-progress.json   # or /uniwind/

npm dependencies installed automatically: react-native-svg

Usage

components/ui/circular-progress.tsx

// See the source file for the API:

Source

• components/ui/circular-progress.tsx

Installs together with: utils, text, theme