1.1 KiB
1.1 KiB
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.