تعريفه
نستخدم الوسم <progress>
لعرض شريط تقّدم بهدف إظهار للمسخدم كم تبقى بعد لاكتمال إتماما عملية معنية.
في العادة نقوم بوضع عنوان بجانب الشريط أيضاً بواسطة الوسم <label>
و نربطه به كالتالي حتى يعلم المستخدم لما تم وضع الشريط من الأساس.
<label for="progress-id">text</label> <progress id="progress-id" max="max-val" value="current-val"> val-percent </progress>
- مكان الكلمة
progress-id
نضعid
الوسم<progress>
. - مكان الكلمة
text
نضع عنوان للوسم<progress>
للإشارة إلى ما هو الهدف منه. - مكان الكلمة
max-val
نضع رقم يمثل أعلى قيمة في الوسم<progress>
. - مكان الكلمة
current-val
نضع رقم يمثل القيمة الحالية في الوسم<progress>
. - مكان الكلمة
val-percent
نضع رقم يمثل نسبة الإكتمال حتى يظهر في حال كان المتصفح لا يدعم الوسم<progress>
.