Search…
⌃K
Links

ProgressBar

Usage

import { ProgressBar } from '@aragon/ui'
const App = () => (
<ProgressBar value={0.3} />
)

Demonstration

Props

color

  • Type: String
  • Default: accent color from theme
To change the color of the active bar.

value

  • Type: Number
  • Values: from 0 to 1, or -1.
  • Default: -1
The value, between 0 and 1. Set to -1 for the indeterminate state.

animate

  • Type: Boolean
  • Default: true
Set this to false to disable the animations. Useful to improve the performances if the progress bar is not visible but rendered.
Last modified 6mo ago