title: Change the digit format pagination in the slider
body: <p>There is a Swiper slider, now the pagination looks like 1 - 3, I need to be like that 01 - 03.</p>
  
  <p>Here is a demo</p>
  
  <p><a href="https://codepen.io/anakin-skywalker94/pen/RmWxbE" rel="nofollow noreferrer">https://codepen.io/anakin-skywalker94/pen/RmWxbE</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!-- Slider main container --&gt;
  &lt;div class="swiper-container"&gt;
      &lt;!-- Additional required wrapper --&gt;
      &lt;div class="swiper-wrapper"&gt;
          &lt;!-- Slides --&gt;
          &lt;div class="swiper-slide"&gt;Slide 1&lt;/div&gt;
          &lt;div class="swiper-slide"&gt;Slide 2&lt;/div&gt;
          &lt;div class="swiper-slide"&gt;Slide 3&lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- If we need pagination --&gt;
      &lt;div class="swiper-pagination"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var swiper = new Swiper('.swiper-container', { 
        pagination: {
          el: '.swiper-pagination',
          type: 'fraction',
        },
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
          direction: 'horizontal',
          loop: true,
          slidesPerView: 1,
          spaceBetween: 0,
          mousewheel: true,
          pagination: {
            el: '.swiper-pagination',
            type: 'fraction',
            clickable: true,
  
          renderFraction: function (currentClass, totalClass) {
          return '&lt;span class="' + currentClass + '"&gt;&lt;/span&gt;' + ' &lt;span&gt;-&lt;/span&gt; ' + '&lt;span class="' + totalClass + '"&gt;&lt;/span&gt;'; }
          },
  
      });
  </code></pre>
  
  <p>Thanks!</p>