علامة <تقدم> HTML


مثال

إظهار شريط التقدم:

<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>

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

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

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


نصائح وملاحظات

نصيحة: استخدم <progress>العلامة جنبًا إلى جنب مع JavaScript لعرض تقدم المهمة.

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


دعم المتصفح

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

Element
<progress> 8.0 10.0 16.0 6.0 11.0


صفات

Attribute Value Description
max number Specifies how much work the task requires in total. Default value is 1
value number Specifies how much of the task has been completed

السمات العالمية

تدعم <progress>العلامة أيضًا السمات العامة في HTML .


سمات الحدث

تدعم <progress>العلامة أيضًا سمات الحدث في HTML .


الصفحات ذات الصلة

مرجع DOM HTML: كائن التقدم


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

لا أحد.