<div id="progress-scroll" class="progress-scroll">
  <div class="progress-scroll__bar bg-orange pb-1"></div>
</div>

function progressScroll(){
  const $progressScroll = $('.progress-scroll__bar');
  let scrollTop = document.documentElement.scrollTop;
  let height = document.documentElement.scrollHeight - window.innerHeight;
  let progress = scrollTop / height;
  $progressScroll.css('width', progress * 100 + '%');
}

window.addEventListener('scroll', function() {
  progressScroll();
});

window.addEventListener('resize', function() {
  progressScroll();
});

.progress-scroll {
  &__bar {
    transition: all .32s ease-in-out;
    width: 0;
  }
}