دليل HTML

كامل علامات HTML

HTML: <q> العلامة HTML: <picture> العنصر

HTML5: <progress> العلامة

يستخدم عنصر <progress> في HTML لعرض تقدم مهمة. على الرغم من أن المعيار لم يحدد كيفية عرض هذا العنصر بشكل محدد، يمكن لمطورو المتصفحات أن يقرروا ذلك بأنفسهم، لكن عادةً يتم عرضه على شكل شريط تقدم.

مثال عبر الإنترنت

العلامة "مستوى التحميل":

مثال

!doctype　html
<html>
<head>
　　<title>استخدام علامة progress في HTML5 (موقع oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
　　　　<p>This　is　a　live　example　of　the　HTML5　element　<a　href="//ar.oldtoolbag.com"><progress></a></p>
　　　　<progress　value="70"　max="100">70　%</progress>
</body>
</html>

التحقق من ‹/›

التوافق مع المتصفحات

IEFirefoxOperaChromeSafari

دعم IE 10،Firefox،Opera،Chrome وSafari 6 لـ <progress> العلامة.

ملاحظة: لا يدعم متصفح IE 9 أو الإصدارات الأقدم من IE العلامة <progress>.

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

<progress> العلامة تعريف تقدم العملية الجارية (العملية).

الفرق بين HTML 4.01 و HTML5

<progress> العلامة هي علامة جديدة في HTML5.

إشارات وتعليمات

إشارة:استخدم <progress> العلامة مع JavaScript لعرض تقدم العملية.

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

الخصائص

جديد: خصائص جديدة في HTML5.

الخصائص	القيمة	الوصف
أقصىHTML5	رقم	يحدد القيمة التي يجب إكمالها.
قيمةHTML5	رقم	يحدد القيمة الحالية للمستوى الحالي للعملية.

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

دعم <progress> العنوان خصائص العالمية لـ HTML.

خصائص الحدث

دعم <progress> العنوان خصائص الحدث لـ HTML.

HTML: <q> العلامة HTML: <picture> العنصر