Progress

View Source

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

Copy

Edit

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

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

Copy

Edit

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

valuenumber

The current value of the progress bar.

activeColorstring

Active color of the progress bar.

Props

PreviousAvatar NextSpinner