Dağıtım
Dağıtım
Bir toplamın neye dayandığını, tek bir satırda gösterir. Bir ilerleme çubuğu bir değerin ne kadar ilerlediğini gösterirken, bu bir bütünün nasıl bölündüğünü belirtir: parçalar verildiği sırayı korur, bu nedenle bir boru hattı soldan sağa doğru okunur, olduğu gibi. Durumlar, kapsül ve dairenin zaten konuştuğu kelimelerle adlandırılmıştır, bu yüzden bir durum asla iki renge sahip olamaz.
Bir bütün, parçalara ayrılmış
Parçalar, değerlerine orantılı olarak büyür ve açıklama altında kelimelerle belirtilir — bir tablo bir durumu çizerken kullanılan aynı kapsül, böylece göz iki arasında hareket ederken yeni bir şey öğrenmez.
Katalog sayfaları1109
Tamamlandı267
Devam ediyor41
Yapılacak607
Başarısız12
Başlanmadı182
Bir yere giden parçalar
Bir hedefi olan parça bir bağlantıdır: çubuk, özetlediği listeye giden yol haline gelir. İmlecin altında başka bir renk yerine bir ışık filmi alır, bu farklı bir durumu belirtir.
Açıklama olmadan
Parçaların hemen yanına adlandırıldığı yerlerde, ya da çubuğun sadece şeyin şekli hakkında konuşması gerektiğinde, açıklama kaldırılır ve her parça imlecin altında ne olduğunu belirtir.
Parçalarından daha büyük bir toplam
Toplamın saydığı ve hiçbir parçanın karşılamadığı, satırda payını tutar ve hiçbir şey çizmez: bu kadarına tam olarak gösterir, parçaların doldurmadığı bir çubuğu doldurmak için uzandığı yerine.
Okunan dosyalar400
Tamamlandı120
Başarısız30
Henüz hiçbir şey sayılmadı
Ne toplam ne de parça — iş başlamadı, hala bir sayım yok. Çubuk yerini korur, çıplak bir iz olarak — parçalarından daha büyük bir toplamın gösterdiği aynı zemin — bu yüzden onların bir sırası şeklini korur; sayısı bir tire, çünkü sayılmamış hiçbir şey sıfır değildir.
Okunan dosyalar—
Kompakt
Bir sıra veya kart altlığı için daha ince bir çubuk, yoğunluk açıklamasının kapsüllerine aktarılır.
symfony-design-system51
symfony-loader42
symfony-search10
Vue, yönlendirilmiş
Aynı çubuk, parçaları veri olarak verilmiştir. Hiçbir yere götürmeyen bir parça, yanında kendini filtreleyen bir tablo için dinlemeniz gereken şey olan `seç` ile bir tıklamaya yanıt verir.