如何在html中添加客户端的进度条

Question

我使用Angular指令进行文件上传，但我需要在html视图中添加进度条，以便将天气图像上传到表单。

geniusPos.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;`

            element.bind('change', function(){
                scope.$apply(function(){
                    `modelSetter(scope, element[0].files[0]);`
                });
            });
        }
    };
}]);