Easy to use progress bars from Bootstrap to show case your abilities!
[progress_bar percent="30"]
[progress_bar percent="60" striped="true"]
[progress_bar percent="90" striped="true" animate="true"]
Optional Labels and Values
Web Design
jQuery
PHP
Options
| ARGUMENT | DEFAULT | DESCRIPTION |
|---|---|---|
| percent | 100 | A percentage of how far the bar is - 25, 50, 80, etc. |
| color | default | Color of bar - default, danger, success, info, warning. |
| striped | false | Whether the bar is striped or not - true, false. |
| animate | false | Whether the bar is animated or not - true, false |
| label | A text label above the progress bar. | |
| value | false | Whether the value percentage should show within the bar or not - true, false |
| class | A classname to add CSS customizations. |
Note: For the bar to be animated, it must also be striped.
Colors
| COLOR | EXAMPLE |
|---|---|
| Default | |
| Danger | |
| Success | |
| Info | |
| Warning |