Yükleme Aşamaları ve Durumları¶

Yükleme aşamaları ve durumları içerik işleme sırasında görsel geri bildirim sağlar, kullanıcıların sistemin çalıştığını ve içeriğin hazırlandığını anlamalarına yardımcı olur.

Spinner Animasyonu¶

İçerik yükleme işlemleri için spinner animasyonlarını kullanın.

Oynatıcı içeriği yükleniyor...

Farklı Yükleme Bağlamları¶

Kart Yükleme Durumu¶

Veri Tabloları Yükleme Durumu¶

Veri yükleniyor...

Satır İçi Yükleme¶

İstek işleniyor

İlerleme ile Yükleme Durumları¶

Belirli İlerleme¶

Dosyalar yükleniyor... %75

Çok Adımlı Yükleme¶

Ortam başlatılıyor

Bağımlılıklar yükleniyor

Kaynaklar derleniyor...

Uygulama başlatılıyor

İskelet Yükleyiciler¶

İskelet yükleyiciler içerik yüklenirken yer tutucu arayüz gösterir:

En İyi Uygulamalar¶

Bağlam Sağlayın: Her zaman neyin yüklendiğini açıklayan metin ekleyin
İlerlemeyi Gösterin: Mümkün olduğunda sonsuz dönen animasyonlar yerine belirli ilerleme gösterin

CSS Animasyonu¶

Dönen animasyonlar CSS kullanarak otomatik olarak çalışır. Animasyon şu şekilde tanımlanır:

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

Boyut ve rengi CSS değişkenleri veya satır içi stiller aracılığıyla özelleştirebilirsiniz.