İlerleme Göstergeleri¶

İlerleme göstergeleri çok adımlı süreçlerin mevcut durumunu gösterir, iş akışları, kurulum adımları veya test yürütme aşamalarını görselleştirmek için mükemmeldir.

Aktif İlerleme¶

Şu anda devam eden bir süreci gösterir:

Tamamlanmış İlerleme¶

Tamamen tamamlanmış bir süreci gösterir:

İlerleme Durumları¶

Mevcut Sınıflar¶

Sınıf	Açıklama	Durum
`progress-step`	Varsayılan/bekleyen durum	Bekleyen
`progress-step completed`	Tamamlanmış adım	Tamamlandı
`progress-step active`	Şu anda aktif adım	Aktif

Farklı Adım Sayıları ile Örnekler¶

3 Adımlı Süreç¶

6 Adımlı Süreç¶

8 Adımlı Süreç (Uzun)¶

Kullanım Alanları¶

İlerleme göstergeleri şunlar için idealdir:

Kurulum Sihirbazları: Kurulum sürecinin hangi adımının aktif olduğunu göster
Test Yürütme: Hangi test modülünün şu anda çalıştığını görüntüle
Form Sihirbazları: Kullanıcıları çok adımlı formlarda yönlendir

En İyi Uygulamalar¶

Net Durumlar: Her zaman bir aktif adımınız olsun (tamamlanmadığı veya başlatılmadığı sürece)
Tepkisel (Responsive): Göstergeler mobil cihazlarda uygun şekilde ölçeklenir
Bağlam: Her adımın neyi temsil ettiğini açıklayan açıklayıcı metinle eşleştirin