document.addEventListener('custom_swiper_init', function (event) { var swiperInstance = event.detail.swiper; var customProgressBar = '';var fractionElement = document.createElement('div'); fractionElement.classList.add('custom-pagination-fraction'); swiperInstance.el.querySelector('.extras').appendChild(fractionElement);var nb_slides = swiperInstance.slides.filter(slide=>!slide.classList.contains('swiper-slide-duplicate')).length;swiperInstance.pagination.el.innerHTML = customProgressBarswiperInstance.pagination.renderCustom = function (swiper, current, total) { var largeur_actuelle = ( current / total ) * 100; var progressBar = swiperInstance.pagination.el.querySelector('.swiper-pagination-progressbar-fill');progressBar.style.width = largeur_actuelle + '%';fractionElement.innerHTML = '' + current + ' / ' + total + "";};swiperInstance.pagination.renderCustom(swiperInstance, swiperInstance.realIndex + 1, nb_slides);swiperInstance.on('slideChange', function () { swiperInstance.pagination.renderCustom(swiperInstance, swiperInstance.realIndex + 1, nb_slides); });});