Как переписать код и сделать его динамическим angular5?

<div class="items">
  <div class="item">
    <progress value="0" max="100" class="progress" #progress1></progress>
  </div>
  <div class="item">
    <progress value="0" max="100" class="progress" #progress2></progress>
  </div>
  <div class="item">
    <progress value="0" max="100" class="progress" #progress3></progress>
  </div>
</div>
---------------------
  @ViewChild('progress1') progress1;
  @ViewChild('progress2') progress2;
  @ViewChild('progress3') progress3;