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.
2423d09a4f