如何添加进度条

我刚开始使用ng-file-upload，一开始有点复杂，但经过一段时间的阅读，我可以实现一些事情。但是现在我一直在尝试添加进度条，我上传图片到Firebase，它工作得很好，我可以保存它，更新它，并在视图中显示图片，现在我只需要添加一个进度条来知道上传时发生了什么。

我知道要做的信息和一些样本在那里，但我不知道如何将它添加到我的代码，希望你能给我一个帮助。

下面是我的Javascript代码:

$scope.submit = function(file) {
        Auth.$onAuth(function(authData){
        $scope.authData = authData;
            if(authData){
                if ($scope.file) {
                    console.log($scope.file);
                    var refImg = new Firebase("http://url.firebaseio.com/users/" + authData.uid);
                    Upload.base64DataUrl($scope.file).then(function(base64Urls) {
                        refImg.update({
                        FotoPerfil : base64Urls
                        });
                    });
                }    
            }
            else{
                window.location.href = '#/Bienvenidos';
            }
        });
    };

我的HTML:

<div class="btn btn-default" ngf-select ng-model="file" name="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-min-height="100">Select picture profile</div>
<button class="btn btn-success" style="float:right;" ng-click="submit()">Save</button>  
<img src="{{perfil.FotoPerfil}}" ngf-no-object-url="true" />

谢谢你，