HTML <progress> العلامة

  • الصفحة السابقة <pre>
  • الصفحة التالية <q>

التعريف والاستخدام

<progress> العلامة تمثل تقدم المهمة.

نصيحة:أضف دائمًا <label> علامة للحصول على أفضل ممارسات الحصول على الوصول المثالي!

انظر أيضًا:

دليل HTML DOM:مثل Progress

مثال

عرض سطر التقدم:

<label for="file">تحميل التقدمية：</label>
<progress id="file" value="32" max="100"> 32% </progress>

جربها بنفسك

نصائح وتعليقات

نصيحة:التحويل <progress> يمكن استخدام العلامة مع JavaScript لعرض تقدم المهمة.

ملاحظة:<progress> العلامة غير مناسبة لتقديم أجهزة القياس (مثل استخدام مساحة محرك الأقراص أو نتائج التشابه). إذا كنت بحاجة إلى عرض جهاز قياس، استخدم علامة <meter>.

خصائص

خصائص قيمة وصف
max رقم يحدد الكمية الإجمالية للعمل المطلوب. القيمة الافتراضية هي 1.
value رقم يحدد الجزء من المهمة المنجزة.

خصائص العالمية

<progress> يدعم العلامة خصائص العالمية في HTML.

خصائص الحدث

<progress> يدعم العلامة خصائص الحدث في HTML.

إعدادات CSS الافتراضية

لا يوجد

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذا العلامة لأول مرة.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • الصفحة السابقة <pre>
  • الصفحة التالية <q>