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

BootStrap Animated Progress Bars اشرطة التقدم المتحركة في bootstrap

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

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

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

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

يمكن تحريك الخطوط الموجودة في striped progress bars اشرطة التقدم المخططة لتتحرك من اليمن الى اليسار عن طريق اضافة كلاس progress-bar-animated بجوار كلاس progress-bar.

جرّب بنفسك

Animated Progress Bar

مثال على عمل animation لشريط التقدم باستخدام كلاس progress-bar-animated.

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

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