Как начать индикатор выполнения прокрутки с 10% вместо 0?

Question

Мне удалось реализовать прокручиваемый индикатор выполнения, который отлично работает (скопировал один из w3schools). Моя проблема в том, что перед тем, как пользователь начнет прокрутку, я хочу, чтобы индикатор выполнения начинался не с 0, а с 10% (ширина). Сначала он выглядит хорошо, но после того, как вы начнете прокручивать, он сбрасывается до 0, а когда вы прокручиваете назад вверх, он прокручивается обратно до значения 0.

Вот скрипка, чтобы показать, что я имею в виду: https://jsfiddle.net/z3s4hqvj/

Также вот мой код:

  window.onscroll = function() {myFunction()};

  function myFunction() {
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 96;
    document.getElementById("myBar").style.width = scrolled + "%";
  };

Answer 1

Попробуйте этот маленький твик.

 window.onscroll = function() {myFunction()};

function myFunction() {
    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    var scrolled = (winScroll / height) * 96;
    if(scrolled>10){
   		document.getElementById("myBar").style.width = scrolled + "%";
    }
};