JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<div class="count"></div>
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>

CSS

.count {
    display:block;
    float:left;
    width:300px;
    height:35px;
    width:300px;
    text-align:center;
    line-height:35px;
    background:silver;
    border:2px solid #dfdfdf;
}

JavaScript

cards = $('div');
cardsLen = $('div').length;
cardP = 100/cardsLen;
var time = 100;

function progRess(){
}



cards.each(function() {
      setTimeout( function(){  
      $('.count').html(cardP*cardsLen);
      }, time)
      time += 100;
  });