Angular 6, как получить количество определенного столбца на основе одного и того же значения из массива объектов

У меня есть массив объектов, а также я использую цикл foreach в typescript. Здесь, согласно моему массиву, он содержит 2 столбца со значением progress: 100, а другие меньше 100. Итак, здесь мне нужно рассчитать количество столбцов, имеющих прогресс: 100, например, здесь должно быть 2. Также мне нужно получить количество всех столбцов, имеющих значение прогресса, меньше или не 100. Например, здесь 2. Затем мне нужно добавить в div. Я пробовал, но его добавление не считается .Вот код ниже

app.component.html

<div>Progress : 2{{count}}</div><div>completed : 2{{count}}</div> 

app.component.ts

declare var require: any;
import { Component } from '@angular/core';
import { OnInit } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{

      arrayVal:any;
      currentVal : any;
  title = 'projectchart';
  public array = [{"id":1,"progress":100},{"id":3,"progress":70},{"id":5,"progress":50},{"id":6,"progress":100}];
  ngOnInit(){
     let count=0;
     this.array.forEach((item, index) => {
     console.info(item.progress) ;
     count +=item.progress ;
});
     console.info(count);
  }

}