Teams with Progress

<div class="container py-5">
  <h3 class="fw-bold mb-3">Team performance</h3>
  <div class="table-responsive">
    <table class="table align-middle">
      <thead>
        <tr>
          <th>Team</th>
          <th>Members</th>
          <th style="width:40%">Progress</th>
          <th>Deadline</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="fw-bold">Marketing</td>
          <td>8</td>
          <td>
            <div class="progress" style="height:8px">
              <div class="progress-bar bg-success" style="width:82%"></div>
            </div><small class="text-muted">82%</small>
          </td>
          <td>Feb 28</td>
        </tr>
        <tr>
          <td class="fw-bold">Design</td>
          <td>5</td>
          <td>
            <div class="progress" style="height:8px">
              <div class="progress-bar bg-warning" style="width:45%"></div>
            </div><small class="text-muted">45%</small>
          </td>
          <td>Mar 10</td>
        </tr>
        <tr>
          <td class="fw-bold">Engineering</td>
          <td>12</td>
          <td>
            <div class="progress" style="height:8px">
              <div class="progress-bar bg-primary" style="width:65%"></div>
            </div><small class="text-muted">65%</small>
          </td>
          <td>Mar 15</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>