chromium/ash/webui/graduation/resources/js/graduation_ui.html

<style include="cr-shared-style">
  html,
  body {
    height: 100%;
  }

  #graduationDiv {
    height: 100vh;
  }

  #webview {
    display: flex;
    height: 100%;
  }

  #webview[hidden],
  .spinner-container[hidden] {
    display: none;
  }

  paper-spinner-lite {
    display: none;
    height: 38px;
    margin-bottom: 28px;
    width: 38px;
  }

  paper-spinner-lite[active] {
    display: inline-block;
  }

  .spinner-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
  }
</style>
<div id="graduationDiv" role="application">
  <!-- TODO(b/361797263): Add Back and Done buttons -->
  <webview id="webview" hidden$="[[webviewLoading]]"></webview>
  <div class="spinner-container" hidden$="[[!webviewLoading]]">
    <paper-spinner-lite class="spinner" active="[[webviewLoading]]">
    </paper-spinner-lite>
    <div aria-live="polite" aria-label$="$i18n{webviewLoadingMessage}">
      $i18n{webviewLoadingMessage}
    </div>
  </div>
</div>