<div class='box'>
  <div class='container'>
    <div class='point'></div>
    <div class='value'>1</div>
  </div>
</div>

.box {
  padding: 20px 0px;
  width: 300px;
  display:flex;
  justify-content: center;
  border: 1px solid black;
}

.container {
  display:flex;
  align-items: center;
  gap:10px;
}

.point {
  width:30px;
  height: 30px;
  background: red;
}

.value {
  font-family: fantasy;
  font-size: 20px;
}

 window.onload = function() {
    const valueElement = document.querySelector('.value');
    let count = 1;

    const timer = setInterval(() => {
      if (count < 99999999) {
        count++;
        valueElement.textContent = count.toLocaleString();
        valueElement.style.width = count.toLocaleString().length + 'ch';
      } else {
        clearInterval(timer);
      }
    }, 50);
  };