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.