<div aria-busy="true" aria-describedby="progress-bar">
  <!-- 로딩 중 ... -->
</div>
<progress id="progress-bar" aria-label="Content loading…"></progress>
progress {
  accent-color: deeppink;
  width: 50%;
  height: 30px;
}

span {
  font-size: 1.2em;
  vertical-align: middle;
}

fieldset {
  display: flex;
  flex-direction: column;
  gap: 1em;
  border: none;
  margin: 0;
}

body {
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.