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>
function aumenta(id){
var elemento = document.getElementById(id);//pega a div com o número
var valorAtual = 0;
var valorFinal = elemento.innerHTML;
var interval = setInterval(function(){
if (valorAtual <= valorFinal) {
elemento.innerHTML = valorAtual++;
} else {
clearInterval(interval);
}
},20)
}
</script>
CSS
.nivel{
background-color: red;
width: 100px;
}