Индикатор хода бутстрапа с угловым 2

Question

Я использую бутстрап, чтобы показать индикатор выполнения. Чтобы изменить значение в строке выполнения, я использую привязку атрибутов Angular 2.

<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, как только загрузка будет завершена, она не прогрессирует или показывая между values.please предлагают.

Answer 1

Нет проблем с кодом. Поскольку загруженный размер файла очень низок, он быстро загружается. Когда я загружаю больший файл, он работает как ожидалось.