website/src/app/games/game/game-progress/game-progress.component.html

<n64-box heading="{{ meta.subtitle }}">
  <strong class="key">Last updated</strong>
  <strong class="value date">{{ lastUpdate }}</strong>
  <br>
  <hr>
  <table>
    <thead>
      <tr>
        <td></td>
        <ng-container *ngFor="let series of meta.series; let j = index">
          <th scope="col" [ngClass]="{nonmatching: j === 0, matching: j === 1}">{{ series.name }}</th>
        </ng-container>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th scope="row">
          <strong class="key">Total</strong>
        </th>
        <td *ngFor="let total of totals; let j = index">
          <strong [ngClass]="{nonmatching: j === 0, matching: j === 1}">{{ (total * 100).toFixed(2) }}%</strong>
        </td>
      </tr>
      <tr *ngFor="let metric of metrics | keyvalue: originalOrder">
        <th scope="row" class="key">{{ metric.key }}</th>
        <td *ngFor="let val of metric.value; let j = index">
          <div [ngClass]="{nonmatching: j === 0, matching: j === 1}">{{ (val * 100).toFixed(2) }}%</div>
        </td>
      </tr>
    </tbody>
  </table>
</n64-box>
<n64-box [simple]="true">
  <game-chart [csvData]="csvData" [metadata]="meta"></game-chart>
</n64-box>