Как сделать такой прогресс бар?
Сделай у картинки прозрачность там где белый путь, потом под неё поставь желтый прямоугольник и двигай его вправо с помощью csssnippet
Человека просто выравняй по правому краю желтого прямоугольника
Возможно, то же самое будет проще реализовать с помощью svg, предварительно отрисовав дорожку нужной формы вместе с точками и разложив все по слоям. Затем, так же анимировать svg-элемент (заливка) в нижнем слое, у которого будет меняться ширина.