“另存为blob”需要很长时间才能从给定的url下载文件

我已经编写了以下服务来从给定的URL保存文件。

(function() {
    angular.module('SOME_APP')
        .service("downloadService", downloadService);
        function downloadService($http){
            var downloadFileFromUrl = downloadFileFromUrl;
            function downloadFileFromUrl(url){
                if(!url.length){
                    //TO-DO handle the error
                }
                else{
                    //find the file name and extension, to save it as:
                    var fileName;
                    for(var i=url.length; i>=0; i--){
                        if(url[i]=='/'){
                            fileName=url.slice(i+1, url.length);
                            console.log(fileName);
                            break;
                        }
                    }
                    $http({
                        url: url,
                        method: "GET",
                        responseType: 'arraybuffer'
                        }).success(function (data) {
                            var blob = new Blob([data], {type: '*/*'});
                            saveAs(blob, fileName);
                        }).error(function (data) {
                            console.log(data);
                            //TO-DO error handling
                    });
                }
            }
            return {
                    downloadFileFromUrl : downloadFileFromUrl
            }
        }
}());

当我调用该服务时，该服务首先下载文件，下载完成后，它会在浏览器中显示下载情况（进度为100%）。如何使其正常工作？（在浏览器中启动下载，并逐渐显示进度）