JSFiddle - React, Tailwind, and code Playground

by tjerabek

HTML

<div class="number">
  <span class="value">3</span>%
</div>

<div class="number">
  <span class="value">2</span>%
</div>

<div class="number">
  <span class="value">1</span>%
</div>

JavaScript

$('.number').each(function(){
  var $value = $(this).find('.value');
  var value = parseInt($value.text());
  $value.data('current-value', value);
  $value.text(0);
});
setTimeout(increse, 10);

function increse(){
  $('.number .value').each(function(){
    var $value = $(this);
    var value = parseInt($value.text());
    var maxValue = $value.data('current-value');
    
    if(value<maxValue){
      value++;
      $value.text(value);
    }
  });
  
  $('.number .value').each(function(){
    var $value = $(this);
    var value = parseInt($value.text());
    var maxValue = $value.data('current-value');
    if(value<maxValue){
      setTimeout(increse, 10);
      return false;
    }
  });
  
}