<header>
  <h1>Odometer</h1>
</header>

<main>
  <p class="odometer" id="odometer">0</p>
</main>

body {
  min-width: 230px;
  text-align: center;
  font-family: Arial;
}

header h1 {
  font-weight: normal;
  padding: 20px;
  font-size: 42px;
  letter-spacing: 0.1em;
}

main {
  width: 80%;
  max-width: 400px;
  margin: auto;
  font-size: clamp(60px, 30vw, 200px);
  border: solid 2px;
}

main #odometer {
  display: block;
  margin: 0;
  padding: 0 20px;
}

setTimeout(function(){
    odometer.innerHTML = 986;
}, 100);

External CSS

  1. https://github.hubspot.com/odometer/themes/odometer-theme-default.css

External JavaScript

  1. https://github.hubspot.com/odometer/odometer.js