: عنصر PROGRESS

آخر تحديث: 2026-09-12

<progress>عنصر PROGRESS

يعرض إنجاز المهمة (مثل الرفع أو التحميل) عبر value/max؛ احذف value لرسوم متحركة للتقدم غير المحدد.

الفئةالنماذج
نموذج المحتوىمحتوى تدفقي
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </progress> وسم
الحالةقياسي

📝 البنية

<progress value="70" max="100">70%</progress>

⚙️ السمات

يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:

السمةالقيمةالوصف
valueAmount completed; omit for indeterminate progress.
maxTotal task amount, default 1.

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<progress> v1 v12 v1 v1 v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: progress لتقدم المهام؛ للقياس بنطاق ثابت استخدم <meter>.
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%