angular：在下载文件时显示加载栏

Question

我正在使用angular构建我的第一个站点，我在下载文件时遇到了如何显示加载栏的问题。

1. 用户点击下载链接
2. 客户端显示“正在载入...”消息
3. 客户端向服务器发送请求以生成并返回文件。
4. 服务器将动态生成的文件返回给客户端
5. 客户端隐藏“正在载入...”消息
6. 客户端开始下载文件

我试过了：

 $scope.download= function () {
        $scope.showLoading = true; 
        var url = 'http://localhost:9000/download?file=myfile';

        $http.get(url).success(function (data) {
            $scope.showLoading = false;
            // what to do with data(file)?
        });              
    }

如何使用angular？

保存文件（数据）