Skip to main content
Version: 4.0.0-beta.0

LinearProgress

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.

Also receives all View props

Usage​


Props​

LinearProgress​

Reference​

LinearProgress​

animation​

Animation duration

TypeDefault
boolean or { duration?: number; }{ duration: 2000 }

color​

Color for linear progress.

TypeDefault
stringsecondary

style​

Add additional styling for linear progress component.

TypeDefault
View style(Object)None

trackColor​

Track color for linear progress.

TypeDefault
stringNone

value​

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

TypeDefault
numberNone

variant​

Type of button.

TypeDefault
"determinate" or "indeterminate"value === undefined ? 'indeterminate' : 'determinate'