Как установить mat-progress-bar по времени?

Question

Я использую Angular 7 и очень плохо знаком с ним.Я хотел бы использовать 'mat-progress-bar' для моего приложения.Когда пользователь вводит число 3 в секунду, мое приложение будет выполнять функцию каждые 3 секунды, а индикатор выполнения будет заполнен на 100% через 3 секунды.

Я пытался использовать setInterval() для выполнения функциии interval() для индикатора выполнения, как показано ниже.

some function {
 let index: number = 0;
 this.timerToken = setInterval(() => {
          index++;
          if(data.length <= index) { index = 0; }
          this.startProgressbar(3);
          this.dialogRefManifest.componentInstance.onClickDetail(data[index], this.config.groupingValue);
        }, 3 * 1000);
}
startProgressbar(second: number): void {    this.progressbar = 0; 
    let timer$ = interval(10 * second);
    let sub = timer$.subscribe(() => {
    this.progressbar = this.progressbar + 1;
       if(this.progressbar >= 100) { sub.unsubscribe(); }
    });
}

Когда я выполняю код, выполнение функции и индикатор выполнения не совпадают и не отображаются естественным образом.

Пожалуйстадайте мне совет для решения этой проблемы.

Заранее спасибо.