Swiper — Как добавить картинку в progressBar?

Question

[Dunno2018]

Здравствуйте.
Должно получиться так:

Сейчас выглядит так: Пример кода

Comments

[Александр]

Очевидно, что ширина в 100% - не ширина изображения. Можете попробовать использовать background-size или задать ширину явно.

[Dunno2018]

Александр, пробовал. Не помогает

Answer 1

[RAX7]

Comments

[Dunno2018]

Спасибо, добрый человек. Это очень круто :)

[Dunno2018]

RAX7 иконка при ресайзе встает в начало и не двигается. Не подскажите как исправить? Этот код ситуации не исправил:

window.addEventListener('resize', () => {
  swiper.update()
})

[RAX7]

Dunno2018, если при ресайзе меняется slidesPerView, то попробуй так:

on: {
    resize(swiper) {
      swiper.updateProgress();
    },

[RAX7]

Dunno2018, поправил демку, сейчас должна нормально работать с breakpoints

[Dunno2018]

RAX7, большое спасибо