التوزيع

مما يتكون الإجمالي، في سطر واحد. حيث يقول شريط التقدم مدى تقدم قيمة واحدة، يقول هذا كيف ينقسم الكل: الأجزاء تحتفظ بالترتيب الذي تم إعطاؤه، لذا يقرأ خط الأنابيب من اليسار إلى اليمين مثلما هو. تُسمى الحالات بالمفردات التي تتحدث بها الكبسولة والدائرة بالفعل، لذا لا تأخذ حالة واحدة لونين.

الكل، بأجزائه

تنمو الأجزاء بما يتناسب مع قيمتها، وتقول الأسطورة عنها بكلمات أسفلها — نفس الكبسولة التي ترسم بها الجدول حالة، لذا تتحرك العين بين الاثنين دون تعلم أي شيء جديد.

صفحات الكتالوج1109

منجز267 يعمل41 لعمله607 فشل12 لم يبدأ182

أجزاء تؤدي إلى مكان ما

جزء له هدف هو رابط: يصبح الشريط الطريق إلى القائمة التي يلخصها. تحت المؤشر يأخذ فيلمًا من الضوء بدلاً من لون آخر، مما قد يشير إلى حالة مختلفة.

عناصر نظام التصميم

منجز267 لعمله607 لم يبدأ182

بدون الأسطورة

حيث تُسمى الأجزاء بجوارها فقط، أو حيث يجب على الشريط أن يقول شكل الشيء فقط، يتم إسقاط الأسطورة ويقول كل جزء ما هو تحت المؤشر.

إجمالي أكبر من أجزائه

ما يحسبه الإجمالي ولا تحسبه أي جزء يحمل نصيبه من الصف ويرسم لا شيء: يظهر المسار من خلال ذلك بالضبط، بدلاً من أن تمتد الأجزاء لملء شريط لا يمتلكونه.

الملفات المقروءة400

منجز120 فشل30

لا شيء محسوب بعد

لا إجمالي ولا جزء — العمل لم يبدأ بعد، لا تزال الحسبة خارجًا. يحتفظ الشريط بمكانه، كمسار عاري — نفس الأرض التي يظهر من خلالها إجمالي أكبر من أجزائه — لذا يحتفظ صف منها بشكله؛ شكلها هو شرطة، نظرًا لأن لا شيء محسوب ليس صفرًا.

الملفات المقروءة—

مضغوط

شريط أنحف لصف أو تذييل بطاقة، مع الكثافة المنقولة إلى كبسولات أسطورتها.

symfony-design-system51

symfony-loader42

symfony-search10

عرض، مدفوع

نفس الشريط، أجزائه مُعطاة كبيانات. جزء لا يؤدي إلى أي مكان يستجيب لنقرة بـ `select`، وهو ما يجب الاستماع إليه لجدول يقوم بتصفية نفسه بجانبه.