how to check that how much page has been loaded

Question

I am trying to make a progress bar through java script library progress.js and i want to show that how much page has been. I want to do this through my progress bar. How can i check that how much page has been loaded?

Answer 1

May be your need to try by calculating response header size and then calculate %

var request = new XMLHttpRequest();
request.open('GET', document.location, false);
request.send();
var size = request.getAllResponseHeaders().toLowerCase().match(/content-length: \d+/);
alert(size);

You will get size in bytes.