How to make such arrows with numbers in the slider?

Question

css

Help pzhl how to make arrows with navigation and numbers. Tell me where to dig, maybe there are some examples. I am using OWL Carousel. I would be very grateful for your help!

Answer 1

The owl carousel has events. For example changed.owl.carousel
Example

owl.on('changed.owl.carousel', function (e) {
    console.log("current: ", e.item.index) // текущий слайд
    console.log("total: ",e.item.count)   // общее кол-во слайдов
})

Answer 2

play around with the methods and events of the slick slider, there's a lot of interesting stuff there.
I solved something like this here
UPDATE: sorry, I didn't notice that we were talking about the owl carousel, but, in any case, you can do this on slick too.