Javascript 如何在AngularJS中显示进度条中的百分比文本？

当我们上传任何东西时，我试图在我的页面中包含百分比进度条。进度条工作正常，但问题是它没有显示百分比文本。它只是显示%symbol。有人能帮我吗

 <div class="col-md-12">
    <span ng-if="submittedArt && !myFile" class='erroMassge'>Please choose an image to upload</span>
    <span id="percentage" ng-show="progressBarEdit">{{uploadprogress | number: 0}} %</span>
    <md-progress-linear class="md-warn" md-mode="buffer" value="{{uploadprogressartedit}}" ng-show="progressBarEdit"></md-progress-linear>
 </div>

试试这个：

在html中：

 <md-progress-linear class="md-warn" md-mode="buffer" value="{{showProgress()}}" ng-show="progressBarEdit"></md-progress-linear>

当您从html动态调用返回值的方法时，它将在运行时绑定该值。必须在返回uploadprogressartedit值的任何方法中进行uploadEventHandler进度计算。还要确保您创建的方法应该在范围中定义

在定义“uploadprogress”时，我认为应该是“uploadprogressartedit”@jitender…我将“uploadprogress”改为“uploadprogressartedit”，但它仍然像以前一样工作。

 <md-progress-linear class="md-warn" md-mode="buffer" value="{{showProgress()}}" ng-show="progressBarEdit"></md-progress-linear>

showProgress:function(){
uploadEventHandlers: {
    progress: function(e) {
        if (e.lengthComputable) {
            $scope.uploadprogressartedit = (e.loaded / e.total) * 100;
        }
    }
 }
return $scope.uploadprogressartedit; 

}