# @ovok/native/progress-ring

Canonical page: https://docs.ovok.com/native-sdk/reference/progress-ring

Progress ring component.

Import from `@ovok/native/progress-ring`.

## Components [#components]

### ProgressRing() [#progressring]

```ts
function ProgressRing(__namedParameters): Element;
```

Circular progress indicator; shows an empty ring when `progress` is unknown and becomes a button when `onPress` is set.

#### Parameters [#parameters]

| Parameter | Type |
| ------ | ------ |
| `__namedParameters` | [`ProgressRingProps`](#progressringprops) |

#### Returns [#returns]

`Element`

## Type Aliases [#type-aliases]

### ProgressRingProps [#progressringprops]

```ts
type ProgressRingProps = Omit<PressableProps, "accessibilityRole" | "accessibilityValue" | "children" | "style"> & object;
```

Props for `ProgressRing`; also accepts the `Pressable` props except those it controls.

#### Type Declaration [#type-declaration]

| Name | Type | Description |
| ------ | ------ | ------ |
| `children?` | `ReactNode` | Content rendered in the center of the ring. |
| `color?` | `string` | Color of the progress arc. |
| `progress?` | `number` \| `null` | Progress from 0 to 1; `null` or `undefined` shows an empty ring. |
| `size?` | `number` | Diameter of the ring. |
| `strokeWidth?` | `number` | Thickness of the ring. |
| `style?` | `StyleProp`\<`ViewStyle`\> | Style for the outer container. |
| `trackColor?` | `string` | Color of the unfilled track. |