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'