Progress

View Source

Display progress towards the completion of a task. Composes Box.

render(<Progress value={50} />)

render(<Progress value={50} />)

render(
  <Progress
    value={20}
    height={1}
    radius={undefined}
    backgroundColor="hsl(330, 100%, 92%)"
    activeColor="hsl(330, 100%, 72%)"
  />
)

render(
  <Progress
    value={20}
    height={1}
    radius={undefined}
    backgroundColor="hsl(330, 100%, 92%)"
    activeColor="hsl(330, 100%, 72%)"
  />
)

Props

Themeable

Accepts Box props.

Use the progress key in ThemeProvider to customize the default properties of this component.

activeColorstring

Active color of the progress bar.

valuenumber

The current value of the progress bar.

Props

PreviousAvatar NextSpinner