28 lines
1.1 KiB
Markdown
28 lines
1.1 KiB
Markdown
# Progress Bar
|
|
|
|
```javascript
|
|
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.
|