Data display

Progress ring

Available forNativeWeb

circular determinate progress

The native kit's real component, live in its web build at phone width. Follows this site's theme.

API

<ProgressRing value size? tone? accessibilityLabel?>{centre}</ProgressRing>

Get it

Already in every copy of the native kit:

import { ProgressRing } from '@/components/kit/progress-ring';

Details

Exports
ProgressRing
Packages
react-native-svg@15.15.4
Installs with
@kit-native/lib-palette-context, @kit-native/lib-utils
Also searched as
circular progress, goal, percent, donut

Agents: the whole registry is at /llms.txt.