<cla-progress>
Progress bar - Adds a progress bar anywhere to the page, simply add the progression percentage to the progressbar attribute and it will the percentage on the bar.
Usage
Properties
| Property | Required | Description | Type | Default |
|---|---|---|---|---|
barcolour | false | The colour of the progress bar - this colour must be represented as a HEX, RGB or HSL code in order for the contrasting to be computed | string | "hsl(211.2, 58.9%, 42.9%)" |
current | false | The current value. if no minium and maximum are specified the value is out of 100 | number | 0 |
height | false | The progress bar height | string | null |
hideremainingprogress | false | If 'true' the remaining progress bar is shown | boolean | false |
maximum | false | The maximum value | number | 100 |
minimum | false | The minimum value. | number | 0 |
percentageComplete | false | percentage of Progress completed | number | null |
percentageRemaining | false | percentage of Progress remaining | number | null |
showprogresstext | false | If 'true' the progress text is shown | boolean | false |
showremainingtext | false | If 'true' the remaining progress text is shown | boolean | false |
showunit | false | If 'true' the progress unit is shown | boolean | false |
showvalueas | false | Show value as percentage or unit | "percentage" | "unit" | 'percentage' |
unit | false | The progress unit | string | '' |
width | false | The progress bar width (in px) | string | null |