برچسب <progress> HTML
تعریف و استفاده
<progress> برچسب برای نمایش پیشرفت کارها استفاده می‌شود.
توجه:لطفاً همیشه اضافه کنید <label> برچسب برای بهبود عملکرد دسترسی بهتر!
لطفاً به:
دستورالعمل HTML DOM:مجموعه‌ی Progress
مثال
نمودار پیشرفت نمایش داده می‌شود:
<label for="file">دانلود پیشرفت:</label> <progress id="file" value="32" max="100"> 32% </progress>
توجه و توضیحات
توجه:انتخاب کنید: <progress> استفاده از این برچسب با JavaScript می‌تواند پیشرفت وظیفه را نمایش دهد.
توجه داشته باشید:<progress> این برچسب مناسب برای نمایش ابزارهای اندازه‌گیری (مثلاً استفاده از فضای دیسک یا مرتبط بودن نتایج جستجو) نیست. برای نمایش ابزارهای اندازه‌گیری، لطفاً از برچسب <meter> استفاده کنید.
ویژگی
| ویژگی | مقدار | توضیح |
|---|---|---|
| max | عدد | نسبت به مقدار کل کار مورد نیاز تعیین می‌کند. مقدار پیش‌فرض 1 است. |
| value | عدد | نسبت به بخشی از وظیفه‌ای که انجام شده است تعیین می‌کند. |
ویژگی‌های جهانی
<progress> این برچسب نیز از ویژگی‌های جهانی در HTML.
ویژگی‌های رویداد
<progress> این برچسب نیز از ویژگی‌های رویداد در HTML.
تنظیمات CSS پیش‌فرض
بدون
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه‌ای اولیه از مرورگر است که این برچسب را پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
