<cla-progress-circle>

Progress Circle - Displays a percentage circle with a progress bar around the outside.

Usage

Properties

PropertyRequiredDescriptionTypeDefault
customtextfalseUsing the customtext attribute you can add text in place of the percentage numberstringnull
invertedfalseWhether to use the inverted variant of the progress circle.booleannull
percentagefalseThe percentage of completion of the progress circle - this automatically created from the percentage numbernumber0
primarycolorfalseThe primary color which affects the percentage bar color and the percentage text colorstring"#000"
sizefalseThe size of the progress circle - defaults to 90px but can set to any size in px, em, rems.string"90px"