HTML progress Tag
HTML progress Tag – يعرض الوسم <progress> مؤشرًا يوضح تقدم إكمال المهمة ، وعادةً ما يتم عرضه كشريط تقدم.
HTML progress Tag
مثال للتوضيح
شريط تقدم progress كتحميل لملف:
<label for="file">Download progress:</label> <progress id="file" value="50" max="100">50%</progress>
للتمتع بأفضل ممارسات الوصول إستخدم دائمًا الوسم <label>!
لا تخلط بين إستخدام الوسم <progress> و <meter> حيث يٌستخدم الوسم <meter> لتمثيل مقياس (مثل استخدام مساحة القرص).
السمات المحددة – Specific Attributes
السمات الخاصة بالوسم <progress>:
السمة | القيمة | الوصف |
---|---|---|
max | number | يحدد مقدار العمل الذي تتطلبه المهمة إجمالاً. القيمة الافتراضية = 1. |
value | number | يحدد مقدار المهمة التي تم إكمالها. |
السمات العامة – Global Attributes
الوسم <progress> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
كما يدعم الوسم <progress> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <progress> Tag
الوسم المتعلق: <meter>.
دعم المتصفحات
![]() | ![]() | ![]() | ![]() | ![]() |
16.0 | 8.0 | 10.0 | 6.0 | 11.0 |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!