<!-- Cod Box Copy begin -->
<div class="table-responsive project-tables">
  <table class="table table-bordernone">
    <thead>
      <tr>
        <th>Task</th>
        <th>Status</th>
        <th>Deadline</th>
        <th>Progress</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Network Infrastructure strategy</td>
        <td>
          <div class="badge badge-light-info">Pending</div>
        </td>
        <td><span>Jul 14, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-info" role="progressbar" style="width: 60%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>Server hosting Issues</td>
        <td>
          <div class="badge badge-light-success">Done</div>
        </td>
        <td><span>Aug 18, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-success" role="progressbar" style="width: 40%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>Flexible Server hosting</td>
        <td>
          <div class="badge badge-light-danger">In Process</div>
        </td>
        <td><span>Sep 23, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-danger" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>Data management plans</td>
        <td>
          <div class="badge badge-light-secondary">Pending</div>
        </td>
        <td><span>Oct 11, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-secondary" role="progressbar" style="width: 85%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>Storage Strategy</td>
        <td>
          <div class="badge badge-light-warning">In Process</div>
        </td>
        <td><span>Oct 20, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-warning" role="progressbar" style="width: 50%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>CMVM Digitisation of paper records</td>
        <td>
          <div class="badge badge-light-success">Done</div>
        </td>
        <td><span>Oct 28, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-success" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td>REF readiness</td>
        <td>
          <div class="badge badge-light-primary">Done</div>
        </td>
        <td><span>Nov 5, 2018</span></td>
        <td>
          <div class="progress-showcase">
            <div class="progress sm-progress-bar">
              <div class="progress-bar bg-primary" role="progressbar" style="width: 45%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
            </div>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<!-- Cod Box Copy end -->