Progress

A visual indicator for showing task or process completion, optionally animated and customizable.

Usage

import {Progress} from '@smartacteam/react-native-ui';
<Progress value={50} />

Example

Preview

Props

NameTypeRequiredDescription
valuenumberNoProgress percentage (0–100). Will be clamped within the range.
animatedValueSharedValue<number>NoPass in a reanimated shared value to control animation externally.
progressColorkeyof GlobalColorsTypeNoBackground color of the inner progress bar. Uses theme color.
(…)(Inherited)Props from BaseSmacStyling, ViewProps.

See BaseSmacStyling and React Native View Props for inherited options.