Как сверстать не полные круги?

Question

[JohnDoe116]

Как сверстать такие круги?
clip (rect) пробовал но эффект не тот.

Answer 1

[Сергей Соколов]

SVG окружность и длиной штриха dasharray и dashoffset

Comments

[JohnDoe116]

Так и думал что SVG писать придётся

[Сергей Соколов]

JohnDoe116, обновил ответ. Фигура рисуется в svg и CSS-свойствами dasharray и dashoffset можно регулировать длину штриха в штрихованной линии, и его смещение. По ссылке примеры.

Answer 2

[Владимир Проскурин]

Можно сделать на css, я даже недавно пробовал тут https://toster.ru/answer?answer_id=1385908#answers...

но способ довольно громоздкий, по сравнению с svg.