
<div  class="col-sm-4 col-md-4 col-lg-4 tests" >

  <div [class]="callClass(status)">

  <h5 *ngIf="callClass(status) == 'Active'">In Progress</h5>
  <h5 *ngIf="callClass(status) == 'yetTo'">Yet to start</h5>
  <h5 *ngIf="callClass(status) == 'completed'">{{Events?.eventScore}}</h5>

  <h5 *ngIf="callClass(status) == 'coachEvaluation'">Coach Evaluation</h5>


  <div class = "Progress">

    <span class="progress_fill" [style.width]="Events?.eventScore+'%' "></span>

  </div>

  <h6 class="test_title">{{getTrim(Events?.eventName)}}</h6>

  </div>
  <ng-template #score0><span>0</span></ng-template>
</div>


