chrome/browser/resources/net_internals/status_view.html

<!--
Copyright (c) 2012 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<!-- Status bar at top of screen when in capture mode. -->
<div id=capture-status-view>
  <table width=100%><tr>
    <td>
      Capturing network events
      (<span id=capture-status-view-captured-events-count
             title='Number of events captured to this window'></span>)
      <button id=capture-status-view-stop>Stop</button>
      <button id=capture-status-view-reset>Reset</button>
    </td>
    <td align=right>
      <img id=capture-status-view-toggle-extras
          class=capture-status-view-rotateleft
          src="chrome://resources/images/select.png">
      <span id=capture-status-view-extras style="display:none">
        <button id=capture-status-view-clear-cache class=warning-text>
          Clear cache</button>
        <button id=capture-status-view-flush-sockets class=warning-text>
          Flush sockets</button>
      </span>
    </td>
  </tr></table>
</div>

<!-- Status bar at top of screen when capturing is stopped -->
<div id=halted-status-view>
  <!-- The use of a table here is to get things to center vertically.
       We need this since the CSS adds padding to our DIV to make the
       various status bars have similar heights.  -->
  <table height=100%>
    <tr valign=middle>
      <td>Capturing halted</td>
    </tr>
  </table>
</div>

<!-- Status bar at top of screen when displaying a loaded dump file -->
<div id=loaded-status-view>
  <!-- The use of a table here is to get things to center vertically.
       We need this since the CSS adds padding to our DIV to make the
       various status bars have similar heights.  -->
  <table height=100%>
    <tr valign=middle>
      <td>
        Displaying log file (<span id=loaded-status-view-dump-file-name></span>)
      </td>
    </tr>
  </table>
</div>