<div class="swiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide"><img src="https://unsplash.it/1500/400" alt=""></div>
    <div class="swiper-slide"><img src="https://unsplash.it/1500/400" alt=""></div>
    <div class="swiper-slide"><img src="https://unsplash.it/1500/400" alt=""></div>
  </div>
  <div class="swiper-scrollbar"></div>
</div>

img{
  width: 100%;
  height: auto;
}

var swiper = new Swiper(".swiper", {
  loop: true,
  scrollbar: {
		el: '.swiper-scrollbar',
		draggable: true,
	},
});