How to Get total and Current Slide Number of Carousel

Question

Can you please let me know how I can get the total and current number of the carousel slides in bootstrap like the image below?

Answer 1

Update of @Khawer Zeshan's code

For Bootstrap 3.0+ use slid.bs.carousel instead of slid and on instead of bind . So the update code will be like that

var totalItems = $('.item').length;
var currentIndex = $('div.active').index() + 1;

$('#myCarousel').on('slid.bs.carousel', function() {
    currentIndex = $('div.active').index() + 1;
   $('.num').html(''+currentIndex+'/'+totalItems+'');
});