Edit

Progress

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

See also:

• Official top-level documentation
• Detailed API specification
• <activityIndicator>

---

import * as React from "react";

function getTaskCompletionPercent(){
    // Just a stub method to illustrate the concept.
    return 10;
}

<progress value={getTaskCompletionPercent()} maxValue={100} />

Props

Name	Type	Description
value	number	Sets the current value of the progress bar. Must be within the range of 0 to maxValue.
maxValue	number	Sets the maximum value of the progress bar. Default value: 100.

Native Component

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