카운트업

<div class="kpi"><span id="num">0</span><small>MAU</small></div>

.kpi{display:grid;justify-items:center;gap:4px}
#num{font:800 clamp(30px,11vmin,58px)/1 ui-monospace,monospace;color:var(--accent);font-variant-numeric:tabular-nums}
.kpi small{font:600 11px/1 sans-serif;letter-spacing:.14em;color:var(--muted)}

const el = document.getElementById('num');
const target = 48200;
function easeOut(t) { return 1 - Math.pow(1 - t, 3); }
function run() {
  const dur = 1600, start = performance.now();
  function frame(now) {
    const t = Math.min(1, (now - start) / dur);
    const v = Math.round(target * easeOut(t));
    el.textContent = v.toLocaleString('en-US');
    if (t < 1) requestAnimationFrame(frame); else setTimeout(run, 1200);
  }
  requestAnimationFrame(frame);
}
run();