Progress

<Progress> is a UI component that shows a bar to indicate the progress of a task.

See also: ActivityIndicator.

<Progress value="75" />

Example ​

Styling the Progress bar ​

To style the Progress bar, set the backgroundColor and color.

The backgroundColor will be applied to the track, and the color will be applied to the bar itself.

<Progress
  value="75"
  backgroundColor="#fff"
  color="#000"
/>

Props ​

value ​

value: number

Gets or sets the current value of the progress bar.

Must be within the range of 0 to maxValue.

maxValue ​

maxValue: number

Gets or sets the maximum value of the progress bar.

Defaults to: 100.

...Inherited ​

For additional inherited properties, refer to the API Reference

Native component ​

• Android: android.widget.ProgressBar (indeterminate = false)
• iOS: UIProgressView