Personalization

.progress-bar {
  background: rgb(var(--brand-500));
  height: 5px;
  width: 0%;
  position: fixed;
  top: 0;
  z-index: 11;
}

var elm = document.getElementById('progressBar');
if (!elm) {
  elm = document.createElement('div');
  elm.id = 'progressBar';
  elm.classList.add('progress-bar');
  document.body.appendChild(elm);
}
window.addEventListener('scroll', handleScroll);
function handleScroll() {
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height =
    document.documentElement.scrollHeight -
    document.documentElement.clientHeight;
  var scrolled = (winScroll / height) * 100;
  document.getElementById('progressBar').style.width = scrolled + '%';
}

#featuredPost {
  display: none;
}