Radial

Progress as rings

One ring

Code

<div class="chart" role="img" aria-label="One ring" style="--chart-h: 260px" data-chart='{"type":"radial","series":[{"name":"Goal","value":72}],"format":"percent","centerLabel":"of the goal"}'></div>

Three rings

Code

<div class="chart" role="img" aria-label="Three rings" style="--chart-h: 260px" data-chart='{"type":"radial","width":12,"series":[{"name":"Move","value":86,"color":"danger"},{"name":"Exercise","value":64,"color":"success"},{"name":"Stand","value":92,"color":"info"}],"center":false}'></div>