How to animate not only the stripes, but also the percentage values?

Question

JavaScript

80 /1 / 18
from 0 to the desired number
https://codepen.io/Olya097/pen/BaojdEq

Answer 1

$('.progress__item').each(function() {
  const $this = $(this);
  const $progressBar = $this.find('.progress__bar');
  const $value = $this.find('.progress__value');
  const value = $progressBar.data('progress-value');

  $progressBar.width(`${value}%`);

  $({ value: 0 }).animate({
    value,
  }, {
    duration: 1000,
    step: val => $value.text(`${val.toFixed(1)} %`),
  });
});

Answer 2

do it completely in JS, through a timer