Ну не обязательно свг

А где там свг?

Самое адекватное решение

заполнение круга

На css быстро делается

Ну одно другому не мешает

что-то я туплю с утра, а как это без свг сделать?

Зачем лишние сущности

С помощью анимации и круглых бордеров

там код есть.можете посмотреть

там свг

круг - понятно, а заполнение как?

кстати, там еще дают 3 задания на логику

у меня попалось

1)

Даны две строки строчных латинских символов: строка J и строка S. Символы, входящие в строку J, — «драгоценности», входящие в строку S — «камни». Нужно определить, какое количество символов из S одновременно являются «драгоценностями». Проще говоря, нужно проверить, какое количество символов из S входит в J.
Это разминочная задача, к которой мы размещаем готовые решения. Она очень простая и нужна для того, чтобы вы могли познакомиться с нашей автоматической системой проверки решений. Ввод и вывод осуществляется через файлы, либо через стандартные потоки ввода-вывода, как вам удобнее.

2)

Дан упорядоченный по неубыванию массив целых 32-разрядных чисел. Требуется удалить из него все повторения.

Желательно получить решение, которое не считывает входной файл целиком в память, т.е., использует лишь константный объем памяти в процессе работы.

3)

Даны две строки, состоящие из строчных латинских букв. Требуется определить, являются ли эти строки анаграммами, т. е. отличаются ли они только порядком следования символов.