انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: اشرطة التقدم في BootStrap

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

ستتعلم في هذا الدرس كيفية استخدام progress bars اشرطة التقدم بطريقة سهلة تمكن المطورين من انجاز مهام معينة مثل معرفة الى اي مدى وصل المستخدم في شئ معين باستخدام bootstrap.

1 صفوف تعليمية
Bootstrap
2,726 مشاهدة

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

الصف 1 شرح توضيحي
  • لون اي progress bar في الوضع الافتراضي هو primary اللون الازرق ولكي نقوم بتغييره يمكننا استخدام contextual background classes كلاسات الخلفية السياقية.
  • تكتب كلاسات الخلفية بهذا الشكل *-bg حيث * تاخذ القيم (primary - secondary - info - success - danger - warning - dark- light).
جرّب بنفسك

BootStrap Colored Progress Bars

التحكم في لون خلفية progress bars

HTML 
<!-- Red -->
<div class="progress">
  <div class="progress-bar bg-danger" style="width:50%"></div>
</div>
جرّب بنفسك

جميع فقرات هذا الدرس (اشرطة التقدم في BootStrap)