Как реализовать прогресс бар с имэйджем?

Question

[swks]

есть реализован прогресс бар с помощью бутстрапа

https://jsfiddle.net/6w20hjfa/

подскажите пожалуйста как реализовать прогресс бар, что бы имейдж сверху двигался вместе с полосой прогресса ?

Answer 1

[Александр Голубев]

Пример в вопросе нерабочий.

А в общем самый простой вариант добавить :after к полосе прогресса, тогда он будет ползти сразу в конце полосы загрузке.
Статья про CSS прогресс бары:
aleksandrgolubevblog.ru/css-progress-bar-s-menyayu...

На примере прогресс бара в статье как можно реализовать:
Добавить код:

.progress-bar span:after {
    content: "";
    display: block;
    height: 53px;
    width: 6px;
    background-color: aqua;
    margin-left: 100%;
}

И вот что мы получим:
codepen.io/piocan/pen/OMPegE

Конкретно для вашего случая нужно добавить вместо Background-color - Background с url изображения.