マイクロ・フィードバック
ローディングスピナー
CSSだけで動く3種のローディング表現。回転リング・3点バウンス・バーのシマー。読み込み中を静かに伝える定番の見本。
プレビュー
自動再生
操作自動で再生されます。
コード（コピーして使えます）
<div class="stage" id="stage">
<div class="loaders">
<div class="loader-cell">
<div class="ring" role="status" aria-label="読み込み中"></div>
<span class="loader-label">リング</span>
</div>
<div class="loader-cell">
<div class="dots" role="status" aria-label="読み込み中">
<span></span><span></span><span></span>
</div>
<span class="loader-label">3点バウンス</span>
</div>
<div class="loader-cell loader-cell--wide">
<div class="bar" role="status" aria-label="読み込み中"><span></span></div>
<span class="loader-label">バー・シマー</span>
</div>
</div>
</div>