react-toolbox/components/progress_bar/progress_bar.md

Progress Bar

var ProgressBar = require('react-toolbox/components/progress_bar');

// Circular indeterminate progress bar
<ProgressBar type="circular" mode="indeterminate" />

// Linear determinate progress bar with buffer
<ProgressBar type="linear" mode="determinate" value={83} buffer={90}/>

Properties

Name	Type	Default	Description
type	String	linear	Type of the component, it can be circular or linear.
mode	String	indeterminate	Mode of the progress bar, it can be determinate or indeterminate.
value	Number	0	Value of the current progress.
min	Number	0	Minimum value permitted.
max	Number	100	Maximum value permitted.
buffer	Number	0	Value of a secondary progress bar useful for buffering.
className	String	''	Additional class name to provide custom styling.

Methods

This component has no methods.