Как на css + js сделать круг, по которому будет двигаться маленькая полоска?

Question

[Сергей]

Как на css + js сделать круг, по которому будет двигаться маленькая полоска?

Сделал квадрат с 50% border-radius, у этого элемента сделал after с такими же размерами и задал афтеру бордер с одной стороны, но беда в том, что border-radius у этого border становится растянутым, а не с четкими границами


Как сделать чтобы границы не уходили в бесконечность?