chrome/browser/resources/net_internals/bandwidth_view.html

<!-- Bandwidth info -->
<style>
.data-reduction-proxy-view-events-details {
  background-color: rgb(220,220,220);
}
table.borderless-table,
.borderless-table th,
.borderless-table td {
  border: 0px;
  padding-left: 4px;
  padding-right: 4px;
}
</style>
<div id=bandwidth-view-tab-content class=content-box>
  <h2>Data Reduction Proxy Status</h2>
  <ul id=data-reduction-proxy-view-status>
    <li>Status: <span id="data-reduction-proxy-enabled"></span></li>
    <li>Proxy configuration: <span id="data-reduction-proxy-config"></span></li>
    <li>Probe status: <span id="data-reduction-proxy-probe-status"></span></li>
    <li id="data-reduction-proxy-bypass-state-container">Bypass details:
      <span id="data-reduction-proxy-bypass-state-details"></span></li>
  </ul>
  <a href="#proxy">View current proxy configuration</a>

  <h4>Bandwidth Savings</h4>
  <table class="styled-table" id="bandwidth-stats-table">
    <thead>
      <tr>
        <th></th>
        <th>Session</th>
        <th>Total</th>
      </tr>
    </thead>
    <tbody>
      <tr jsselect="rows">
        <td jscontent="title"></td>
        <td jscontent="sessionValue"></td>
        <td jscontent="historicValue"></td>
      </tr>
    </tbody>
  </table>
  <h4>Recent events</h4>
  <div id=data-reduction-proxy-view-events-content>
    <table class="styled-table">
      <thead>
        <tr>
          <th>Time</th>
          <th>Action</th>
        </tr>
        <tr>
          <th colspan=2>Details</th>
        </tr>
      </thead>
      <tbody id=data-reduction-proxy-view-events-tbody>
      </tbody>
    </table>
  </div>
</div>