Components.ProgressBar public

Component for a single progress bar, see Components.Progress for more examples.

animate boolean public

maxValue number public

The upper limit of the value range

minValue number public

The lower limit of the value range

percent number protected

The percentage of value

percentRounded number protected

The percentage of value, rounded to roundDigits digits

roundDigits number public

Specify to how many digits the progress bar label should be rounded.

showLabel boolean public

If true a label will be shown inside the progress bar.

By default it will be the percentage corresponding to the value property, rounded to roundDigits digits. You can customize it by using the component with a block template, which the component yields the percentage value to:

{{#bs-progress}}
            {{#bs-progress-bar value=progressValue as |percent|}}{{progressValue}} ({{percent}}%){{/bs-progress-bar}}
            {{/bs-progress}}
            

striped boolean public

type String public

Property for type styling

For the available types see the Bootstrap docs

value number public

The value the progress bar should represent