الكورس

Advertisements

HTML progress Tag


HTML progress Tag – يعرض الوسم <progress> مؤشرًا يوضح تقدم إكمال المهمة ، وعادةً ما يتم عرضه كشريط تقدم.


 

HTML progress Tag

 

مثال للتوضيح

شريط تقدم progress كتحميل لملف:

50%
<label for="file">Download progress:</label>
<progress id="file" value="50" max="100">50%</progress>
50%

للتمتع بأفضل ممارسات الوصول إستخدم دائمًا الوسم <label>!

لا تخلط بين إستخدام الوسم <progress> و <meter> حيث يٌستخدم الوسم <meter> لتمثيل مقياس (مثل استخدام مساحة القرص).


Advertisements

 

السمات المحددة – Specific Attributes

 

السمات الخاصة بالوسم <progress>:

السمةالقيمةالوصف
maxnumberيحدد مقدار العمل الذي تتطلبه المهمة إجمالاً.
القيمة الافتراضية = 1.
valuenumberيحدد مقدار المهمة التي تم إكمالها.

 

السمات العامة – Global Attributes

 

الوسم <progress> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

كما يدعم الوسم <progress> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

إقرأ أيضًا – HTML <progress> Tag

 

الوسم المتعلق: <meter>.

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
16.08.010.06.011.0


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements