Как создать индикатор выполнения и стрелки для Owl Carousel 2

Question

Я хочу поместить индикатор выполнения под ползунок. Как и на фотографии ниже, я поместил две стрелки рядом со снимками ползунка, чтобы перемещать фотографии вверх и вниз. Спасибо, что посоветовали мне.

Изображение для расположения стрелок:

http://blog.platinastudio.com/wp-content/uploads/2014/07/Bootstrap-Carousel-JQuery-Based-Responsive-Carousel-Plugin.jpg

Код:

$(document).ready(function(){
  $(".owl-carousel").owlCarousel({
   items:1,
    loop:true,
 center: true,
    margin:10,
    autoplay:true,
    autoplayTimeout:3000,
    autoplayHoverPause:true
  });
});

 <div class="owl-carousel">
            <img src="http://placehold.it/850x350" alt="img1" />
            <img src="http://placehold.it/850x350" alt="img2" />
            <img src="http://placehold.it/850x350" alt="img3" />
            <img src="http://placehold.it/850x350" alt="img4"  />
            <img src="http://placehold.it/850x350" alt="img5" />
        </div>