twitter-bootstrap - 带 Angular 2的Bootstrap进度栏

我使用 bootstrap 来显示进度栏。要更改进度栏中的值，我正在使用Angular 2属性绑定(bind)。

<div class="progress">
  <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" [attr.aria-valuenow]="progress" aria-valuemin="0" aria-valuemax ="100"
  style="min-width: 2em;" [style.width]="(progress/100)*100 + '%'">
   {{progress}}%
  </div>

当我上传文件时，可变进度将会增加，并且能够在控制台日志中看到这些值。

this.service.progress.subscribe(
data => {
    console.log('progress = '+data);
    this.progress = data;
    console.log(this.progress) ;
  });

问题:进度条显示0，然后显示100，一旦完成上传，它就不会显示进度或显示在两个值之间。请提出建议。

最佳答案

代码没有问题。由于上传的文件很小，因此正在快速上传。当我上传更大的文件时，它正在按预期工作。

关于twitter-bootstrap - 带 Angular 2的Bootstrap进度栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39176865/