reading progress indicator

I have some HTML, CSS,js code but reading progress indicator not work, please make a correct code and help me
HTML code<div id="progress"> </div>
CSS code #progress{
background-color: #F0005A;
heigh: 18px
width: 0%;
position: fixed;
top:0;
left:0;
}
CUSTOM JAVASCRIPT code window.onscroll = function(){
var pos = document.documentElement.scrollTop;
var calc_height = document.documentElement.scrollHeight-
document.documentElement.clientHeight;
var scroll = pos*100/calc_height;
document.genElementById("progress").style.width = scroll + "%" ;
}