获取数据下载进度

问：有一个10MB的json文件，需要异步加载，在加载过程中，如何获取其下载进度，并显示在页面上

用该代码可实现

				var onProgress = function ( xhr ) {
					if ( xhr.lengthComputable ) {

						var percentComplete = xhr.loaded / xhr.total * 100;
						document.getElementById("loading").innerHTML='loading...' + Math.round(percentComplete, 2) + '%';
					}
				};

但json通过服务器gzip后，就获取不到了