<div class="outerRing">
<div class="totalScore">
  <mat-progress-spinner
    class="mat-progress-spinner example-margin"
    mode="determinate"
    strokeWidth="6"
    [value]="score">

  </mat-progress-spinner>
  <div class="scorePosition">
    <h2>{{score.toFixed()}}</h2>
    <h4>SCORE</h4>
  </div>
</div>
</div>
