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

BootStrap Multiple Progress Bars اشرطة تقدم متعددة في bootstrap

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

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

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

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

يمكن عمل عدة progress bars اشرطة تقدم متجاورين عن طريقة اضافة كلاس progress-bar لاكثر من child element داخل الحاوية التي اضيف لها كلاس progress وتقسيم عرض الحاوية عليهم جميعا.

جرّب بنفسك

Multiple Progress Bars

عمل عدة اشرطة تقدم متجاورة.

HTML 
<div class="progress">
  <div class="progress-bar bg-success" style="width:40%">
    Free Space
  </div>
</div>
جرّب بنفسك

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