KB's Home Page!

const FPS=30;
const prog_bar=document.getElementsByTagName('progress')[0];

function updateProgBar(val=0, vidEl=undefined, outEl=undefined){
  if((val===null)||(val===undefined)){
    prog_bar.removeAttribute('aria-valuenow');
    prog_bar.removeAttribute('value');
    return;
  }
  prog_bar.value=val;
  prog_bar.setAttribute('aria-valuenow', prog_bar.value+"%");
  prog_bar.textContent=prog_bar.value+"%";
  
  if((vidEl!==undefined)&&(outEl!==undefined)){
    vidEl.setAttribute('aria-busy', val<100);
    outEl.setAttribute('aria-busy', val<100);
  }
  
  if(prog_bar.value===100){
    const progLabel=prog_bar.parentNode;
    for(const ch of progLabel.childNodes){
      if(ch.tagName==="SPAN"){ch.innerHTML="Completed Loading "; break;}
    }
    setTimeout(function(){progLabel.parentNode.removeChild(progLabel);}, 5000);
  }
}
function errorProgBar(vidEl, outEl){
  const progLabel=prog_bar.parentNode;
  progLabel.parentNode.removeChild(progLabel);
  vidEl.setAttribute('aria-busy', false);
  outEl.setAttribute('aria-busy', false);
}