Прогресс бар по времени, как исправить?

есть код

/* ==============================================
    PROGRESS BAR
    =============================================== */
  function randomPercentage() {
    return 25;
  }
  function randomInterval() {
    var min = Math.floor(Math.random() * 100);
      var max = min + (Math.floor(Math.random() * 40) + 20);
      return [min, max];
  }
  function randomStyle() {
    return ['', 'dream', 'sun'][Math.floor(Math.random() * 3)];
  }
  var interval = randomInterval();
  var randomBar = $('#random .number-pb').NumberProgressBar({
    min: interval[0],
      max: interval[1]
  })
  randomBar.find('.number-pb-shown').toggleClass(randomStyle());
  var num = randomPercentage();
  var controlBar = $('#sample-pb .number-pb').NumberProgressBar({
    duration: 6000,
      current: num
  });
  var $controls = $('#sample-pb .control');
  function animate(val) {
    if (val < 0) {
      num = 0;
      } else if (val > 100) {
          num = 100;
      } else {
          num = val
      }
      controlBar.reach(num);
  }

Как сделать, что при отсчёте времени, шел пропорционально прогресс бар, я пытался написать что-то типа такого:

function randomPercentage() {
    let days = document.querySelector('.days').innerHTML;
    let hours = document.querySelector('.hours').innerHTML;
    let minutes = document.querySelector('.minutes').innerHTML;
    let seconds = document.querySelector('.seconds').innerHTML;

    if (days >=0 && hours < 18) {
        return 30;
}