mirror of https://github.com/abpframework/abp.git
1 changed files with 70 additions and 0 deletions
@ -0,0 +1,70 @@ |
|||||
|
# Progress Bars |
||||
|
|
||||
|
## Introduction |
||||
|
|
||||
|
`abp-progress-bar` is the abp tag for progress bar status. |
||||
|
|
||||
|
Basic usage: |
||||
|
|
||||
|
````xml |
||||
|
<abp-progress-bar value="70" /> |
||||
|
|
||||
|
<abp-progress-bar type="Warning" value="25"> %25 </abp-progress-bar> |
||||
|
|
||||
|
<abp-progress-bar type="Success" value="40" strip="true"/> |
||||
|
|
||||
|
<abp-progress-bar type="Dark" value="10" min-value="5" max-value="15" strip="true"> %50 </abp-progress-bar> |
||||
|
|
||||
|
<abp-progress-group> |
||||
|
<abp-progress-part type="Success" value="25"/> |
||||
|
<abp-progress-part type="Danger" value="10" strip="true"> %10 </abp-progress-part> |
||||
|
<abp-progress-part type="Primary" value="50" animation="true" strip="true" /> |
||||
|
</abp-progress-group> |
||||
|
```` |
||||
|
|
||||
|
|
||||
|
|
||||
|
## Demo |
||||
|
|
||||
|
See the [progress bars demo page](https://bootstrap-taghelpers.abp.io/Components/Progress-Bars) to see it in action. |
||||
|
|
||||
|
## Attributes |
||||
|
|
||||
|
### value |
||||
|
|
||||
|
A value indicates the current progress of the bar. |
||||
|
|
||||
|
### type |
||||
|
|
||||
|
A value indicates the background color of the progress bar. Should be one of the following values: |
||||
|
|
||||
|
* `Default` (default value) |
||||
|
* `Secondary` |
||||
|
* `Success` |
||||
|
* `Danger` |
||||
|
* `Warning` |
||||
|
* `Info` |
||||
|
* `Light` |
||||
|
* `Dark` |
||||
|
|
||||
|
### min-value |
||||
|
|
||||
|
Minimum value of the progress bar. Default is 0. |
||||
|
|
||||
|
### max-value |
||||
|
|
||||
|
Maximum value of the progress bar. Default is 100. |
||||
|
|
||||
|
### strip |
||||
|
|
||||
|
A value indicates if the background style of the progress bar is stripped. Should be one of the following values: |
||||
|
|
||||
|
* `false` (default value) |
||||
|
* `true` |
||||
|
|
||||
|
### animation |
||||
|
|
||||
|
A value indicates if the stripped background style of the progress bar is animated. Should be one of the following values: |
||||
|
|
||||
|
* `false` (default value) |
||||
|
* `true` |
||||
Loading…
Reference in new issue