تگ progress در HTML
با استفاده از تگ progress در HTML میتوان یک نوار پیشرفت ایجاد کرد.
مثال
<!DOCTYPE html>
<html dir="rtl">
<body>
<h1>عنصر progress در HTML</h1>
<label for="file">نوار پیشرفت دانلود:</label>
<progress id="file" value="32" max="100"> 32% </progress>
</body>
</html>تعریف و کاربرد
با تگ progress در HTML نوار پیشرفت ایجاد میکنیم ، مثلاً اگر شما قصد داشته باشید زمان باقی مانده دانلود یک فایل را به نمایش بزارید ، میتوانید از این تگ برای این کار استفاده کنید.
نکات و یادداشت ها
نکته: همیشه برای ایجاد توضیحات یا دسترسی بهتر به این عنصر از تگ <label> استفاده کنید.
نکته: همیشه برای ایجاد یک نوار پیشرفت با تگ <progress> همراه با JavaScript استفاده کنید.
یادداشت: تگ <progress> برای نشان دادن یک گیج ( gauge ) یا مقدار ثابت از قبل اندازه گیری شده مناسب نیست ( مثال: برای نشان دادن اندازه حافظه یک هارد دیسک یا درایو از تگ <meter> استفاده کنید )
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
| عنصر | |||||
|---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
خواص
| خاصیت | مقدار | توضیحات |
|---|---|---|
| max | number | بیشترین مقدار را برای تگ <progress> مشخص می کند |
| value | number | مقدار پیشرفت نوار را مشخص می کند |
خواص عمومی
تگ progress از خواص عمومی در HTML پشتیبانی میکند.
رویداد های عمومی
تگ progress از رویداد های عمومی در HTML پشتیبانی میکند.
پست های مرتبط
ارسال یک نظر
برای نوشتن دیدگاه باید وارد بشوید.