<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.