آموزش تگ progress در HTML - راهنمای نمایش میزان پیشرفت کار در html

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

با استفاده از جاوا اسکریپت در کنار تگ progress می توان جریان پیشرفت کار را نمایش داد.

برای نشان دادن یک gauge (مثلا استفاده از فضای دیسک یا ارتباط نتیجه یک نظرسنجی) استفاده از تگ progress مناسب نیست و می توان به جای آن از تگ meter استفاده کرد.

مثال تگ progress در HTML

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

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

تگ <progress> در مرورگرهای کروم 8، فایرفاکس 16، اپرا 11، سافاری 6، اینترنت اکسپلورر 10 به بالا پشتیبانی می شود.

مرورگر	کروم	فایرفاکس	اپرا	سافاری	اینترنت اکسپلورر / اج
پشتیبانی	8	16	11	6	10

ویژگی ها

ویژگی	مقدار	توضیحات
max	number	حداکثر مقدار را مشخص می کند.
value	number	میزان پیشرفت کار را مشخص می کند.