Progress Bar

ProgressBar

The progressBar displays the status of a certain task. The user has the ability to also change the colour of the bar, the colour is set to purple at default.

Props

The props needed for this component are listed and explained below:

• value - This prop must be a Number.

Example

<ProgressBar 
    value={this.state.progressValue} />

// ...React Component
getInitialState: function() {
    return {
        progressValue: 23
    }
}, 

Related

• RangeSlider