Skip to content
KolayCSS

Yükleyiciler (Spinner)

Yükleniyor durumunu göstermek için animasyonlu yükleyiciler. Bunlar yalnızca CSS'tir; harici JS gerekmez.

Canlı örnek

Border spinner

Grow spinner

Inside a button

Kod

<span class="spinner-border text-primary" role="status"></span>
<span class="spinner-border spinner-sm" role="status"></span>
<span class="spinner-grow text-success" role="status"></span>

<button class="btn btn-primary" disabled>
  <span class="spinner-border spinner-sm mr-1"></span> Loading...
</button>

İpucu: currentColor kullandığı için herhangi bir .text-* sınıfıyla renklendirilebilir; .spinner-sm küçültür.