JSFiddle - React, Tailwind, and code Playground

HTML

<li class="marcacao" onMouseOver="aumenta('html')">HTML5 e CSS3
    <div id="html" class="nivel">100</div>
</li>

<script>
    valorAtual = 0;
    ateValor = null;
    function aumenta(id){
      setInterval(
        function(){
          var valorNaDiv = parseInt(document.getElementById(id).innerHTML);
          if(valorAtual == 0) //primeira execução guarda o valor da div
            ateValor = valorNaDiv
          if(valorAtual <= ateValor)
            document.getElementById(id).innerHTML = valorAtual++;
    
        }
        ,20)
     }
</script>

CSS

.nivel{
    background-color: red;
    width: 100px;
}