علامة <تقدم> 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 الافتراضية
لا أحد.