Components.ProgressBar public

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

animate boolean public

Default: false

Defined in addon/components/bs-progress/bar.js:86

maxValue number public

Default: 100

Defined in addon/components/bs-progress/bar.js:32

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

Default: false

Defined in addon/components/bs-progress/bar.js:54

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

Default: false

Defined in addon/components/bs-progress/bar.js:75

type String public

Default: 'default'

Defined in addon/components/bs-progress/bar.js:108

Property for type styling

For the available types see the Bootstrap docs

value number public

The value the progress bar should represent

Classes