Swiper-scrollbar dosnt move. (vue)

[zweitesherz]

Hi! I wanted to scrollbar move (show progress) when cards inside swiper moves, but scrollbar is static and full width in swiper container. It is not move. What am I doing wrong?

<script lang="ts">
import { defineComponent } from 'vue'
import { Pagination, Scrollbar } from 'swiper/modules'
import { Swiper, SwiperSlide } from 'swiper/vue'
import 'swiper/scss';
import 'swiper/scss/pagination';
import 'swiper/scss/scrollbar';

export default defineComponent({
  name: 'swiper-example-centered-slides',
  title: 'Centered slides',
  url: import.meta.url,
  components: {
    Swiper,
    SwiperSlide
  },
  setup() {
    return {
      modules: [Pagination, Scrollbar]
    }
  }
})
</script>

<div class="container">
        <div style="height: 164px; border: 1px solid black">
          <swiper
              class="swiper"
              :modules="modules"
              :space-between="20"
              :slides-per-view="4"
              :centered-slides="false"
              :scrollbar="true"
              :pagination="{ type: 'progressbar' }"
              :grab-cursor="true"
          >
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
            <swiper-slide class="slide">
              <div style="width: 220px; height: 144px; background-color:red"></div>
            </swiper-slide>
          </swiper>
        </div>
      </div>