تگ progress در HTML

  /  فرانت اند   /  HTML   /  تگ 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.010.016.06.011.0

خواص

خاصیتمقدارتوضیحات
maxnumberبیشترین مقدار را برای تگ <progress> مشخص می کند
valuenumberمقدار پیشرفت نوار را مشخص می کند

خواص عمومی

تگ progress از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ progress از رویداد های عمومی در HTML پشتیبانی میکند.

5/5 - (1 امتیاز)

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر