Back to Bootstrap

Readme

src/progressbar/docs/readme.md

2.5.62.0 KB
Original Source

A progress bar directive that is focused on providing feedback on the progress of a workflow or action.

It supports multiple (stacked) <uib-bar> into the same <uib-progress> element or a single <uib-progressbar> element with optional max attribute and transition animations.

uib-progressbar settings

  • value <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> - The current value of progress completed.

  • type (Default: null) - Bootstrap style type. Possible values are 'success', 'info', 'warning', and, 'danger' to use Bootstrap's pre-existing styling, or any desired custom suffix.

  • max <small class="badge">$</small> <small class="badge">C</small> <i class="glyphicon glyphicon-eye-open"></i> (Default: 100) - A number that specifies the total value of bars that is required.

  • animate <small class="badge">$</small> <small class="badge">C</small> (Default: true) - Whether bars use transitions to achieve the width change.

  • title (Default: progressbar) - Title to use as label (for accessibility).

uib-progress settings

  • max <small class="badge">$</small> <small class="badge">C</small> <i class="glyphicon glyphicon-eye-open"></i> (Default: 100) - A number that specifies the total value of bars that is required.

  • animate <small class="badge">$</small> <small class="badge">C</small> (Default: true) - Whether bars use transitions to achieve the width change.

  • title (Default: progressbar) - Title to use as label (for accessibility).

uib-bar settings

  • value <small class="badge">$</small> <i class="glyphicon glyphicon-eye-open"></i> - The current value of progress completed.

  • type (Default: null) - Bootstrap style type. Possible values are 'success', 'info', 'warning', and, 'danger' to use Bootstrap's pre-existing styling, or any desired custom suffix.

  • title (Default: progressbar) - Title to use as label (for accessibility).