<cla-progress-circle>
Progress Circle - Displays a percentage circle with a progress bar around the outside.
Usage
Properties
Property | Required | Description | Type | Default |
---|---|---|---|---|
customtext | false | Using the customtext attribute you can add text in place of the percentage number | string | null |
inverted | false | Whether to use the inverted variant of the progress circle. | boolean | null |
percentage | false | The percentage of completion of the progress circle - this automatically created from the percentage number | number | 0 |
primarycolor | false | The primary color which affects the percentage bar color and the percentage text color | string | "#000" |
size | false | The size of the progress circle - defaults to 90px but can set to any size in px, em, rems. | string | "90px" |