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.

  For TV Examples: LRUD navigation is already enabled in this sandbox. Use your keyboard arrow keys to move focus.

Updated
React Native Web for TVPortions Copyright © Nicolas Gallagher, Meta Platforms, Inc., Facebook, Inc. and affiliates, and other contributors as noted in file headers and THIRD_PARTY_NOTICES.md. Modifications and TV extensions Copyright © Harpreet Singh and contributors.