Version: Next

Linear Progress

Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates. They communicate an app’s state and indicate available actions, such as whether users can navigate away from the current screen.

Linear Progress
Linear Progress

Usage#

import { LinearProgress } from 'react-native-elements';
<LinearProgress color="primary" />

Props#

Also receives all View props


Reference#

value#

The value of the progress indicator for the determinate variant. Value between 0 and 1.

TypeDefault
number0

variant#

Type of button (optional)

TypeDefault
determinate, indeterminateindeterminate

style#

add additional styling for linear progress component (optional)

TypeDefault
View style (object)none

color#

color for linear progress

TypeDefault
primary,secondary
OR
color name
secondary

trackColor#

Track color for linear progress

TypeDefault
stringcolor with transparency