Overview
Progress components are built with <ProgressBar> and prop now can be set to a value to indicate the progress so far. Attributes role and aria are already set to make it accessible.
Basic
Small Variant
API
ProgressBar
import ProgressBar from `@trimbleinc/modus-react-bootstrap/ProgressBar`| Name | Type | Default | Description |
|---|---|---|---|
| animated | boolean | false | Animate's the stripes from right to left |
| children | onlyProgressBar | Child elements (only allows elements of type | |
| isChild | boolean | false | |
| label | node | Show label that represents visual percentage. EG. 60% | |
| max | number | 100 | Maximum value progress can reach |
| min | number | 0 | Minimum value progress can begin from |
| now | number | Current value of progress | |
| srOnly | boolean | false | Hide's the label visually. |
| striped | boolean | false | Uses a gradient to create a striped effect. |
| variant | 'success' | 'danger' | 'warning' | 'info' | Sets the background class of the progress bar. | |
| bsPrefix | string | 'progress-bar' |