ProgressBar

Display an activity progress bar.

import { ProgressBar } from 'react-native';

<ProgressBar {...props} />;

API

Props

...ViewProps ?ViewProps

All the props supported by View.

color ?string = "#1976D2"

Set the background color of the button.

indeterminate ?boolean = false

Whether the progress bar will show indeterminate progress.

progress ?number = 0

The progress value between 0 and 1.

trackColor ?string = "transparent"

Customize the color of the track bar.


Examples

Custom sizes can be created using style properties.

Updated
Edit
React Native for WebCopyright © Nicolas Gallagher and Meta Platforms, Inc.