react-toolbox/components/progress_bar/progress_bar.md

28 lines
1.1 KiB
Markdown
Raw Normal View History

2015-07-04 21:28:51 +03:00
# Progress Bar
2015-07-04 21:37:22 +03:00
```javascript
2015-07-04 21:28:51 +03:00
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|
| ------------- |:-------:|:--------------- |:---------- |
2015-07-04 21:37:22 +03:00
| **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.|
2015-07-04 21:28:51 +03:00
## Methods
This component has no methods.