Scrollposition in % ausgeben

[Juri]

Hallo,
ich entwickle gerade eine Website mithilfe von HTML, CSS und Javascript.

Ich möchte jetzt auf dieser Seite die Scrollposition als Prozentangabe auf der Seite anzeigen, so das sie am Anfang auf 00% steht und je weiter man nach links scrollt, desto höher zählt sie, bis 100%.

Der bisher einzige Code, der mir hilfreich erschien war dieser hier:

function getScrollXY() {  
	var scrOfX = 0, scrOfY = 0;  
  
	if( typeof( window.pageYOffset ) == 'number' ) {  
		//Netscape compliant  
		scrOfY = window.pageYOffset;  
		scrOfX = window.pageXOffset;  
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {  
		//DOM compliant  
		scrOfY = document.body.scrollTop;  
		scrOfX = document.body.scrollLeft;  
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {  
		//IE6 standards compliant mode  
		scrOfY = document.documentElement.scrollTop;  
		scrOfX = document.documentElement.scrollLeft;  
	}  
	return [ scrOfX, scrOfY ];  
}

von Quelle

Nur leider bin ich in Javascript noch nicht sehr bewandert und ich weiß nicht, wie ich den Code in meiner Website einbinde, damit das was dort ermittelt wird auch ausgegeben wird (am besten in %) oder was ich daran noch ändern muss oder.

Was habt ihr für Ideen, um die Scrollposition auf der HTML Seite anzeigen zu lassen?

lg
Juri