انتقل إلى محتوى الدرس

Colored Progress Bars أشرطة التقدم الملونة الدلالية

أتقن بناء أشرطة التقدم في بوتستراب 5.3 ببنيتها المحدثة لسمات الإتاحة، وضبط التسميات والارتفاعات والألوان، والأشرطة المكدسة والمخططة المتحركة، والتحديث البرمجي الحي.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لوّن شريط التعبئة حسب دلالته الوظيفية باستخدام أدوات الخلفية القياسية مثل .bg-success لاكتمال الفحص أو .bg-danger لقرب امتلاء القرص. وعند وضع نص نسبة مئوية داخل شريط أصفر أو سماوي فاتح، استخدم .text-bg-warning أو .text-bg-info بدلاً من .bg-* وحده لضمان ظهور الأرقام باللون الأسود عالي الوضوح!

الصف 2 ملاحظة هامة