برچسب <progress> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
پیشرفت یک کار را نشان می‌دهد
معرفی شده در نسخهٔ:۵
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک نوار پیشرفت را نشان دهید:

<label for="file">Downloading progress:</label>
<progress id="file" value="32" max="100"> 32% </progress>


تعریف و کاربرد

برچسب <progress>، پیشرفت یک کار را نشان می‌دهد.[۱]

نکته: همیشه برچسب <label> را برای بهترین شیوهٔ دسترسی اضافه کنید!

پشتیبانی مرورگر

عددهای موجود در جدول، نخستین نسخهٔ مرورگری را نشان می‌دهند، که بطور کامل از عنصر پشتیبانی می‌کند.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<progress> ۸٫۰ ۱۰٫۰ ۱۶٫۰ ۶٫۰ ۱۱٫۰

نکات و ملاحظات

نکته: از برچسب <progress> در پیوند با جاوااسکریپت استفاده کنید تا پیشرفت یک کار را نشان دهید.

توجه: برچسب <progress> برای نمایش یک پیمانه (برای مثال میزان استفاده از دیسک، یا میزان مربوط بودن جواب یک پرسش) مناسب نیست. برای نمایش یک پیمانه، از برچسب <meter> به جای آن استفاده کنید.

ویژگی‌ها

ویژگی مقدار شرح
max number مشخص می‌کند که task در کل چقدر کار لازم دارد. مقدار پیش‌فرض ۱ است
value number مشخص می‌کند که چقدر از task کامل شده‌است

ویژگی‌های سراسری

همچنین برچسب <progress> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <progress> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Progress (Progress Object)

تنظیمات پیش‌فرض CSS

ندارد.

منابع آموزشی