Skip to main content
Version: Next

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'