برای نمایش برخی از نمودار ها که به صورت درصد می باشند و یا همان نمایش نوار پیشرفت می توان از تگ progress نیز استفاده کرد. (طراحی سایت , سئو سایت , طراحی سایت )
برای مثال هنگام لود شدن یک صفحه و یا تصویر می توانید از آن استفاده کنید. و اگر می خواهید به آن حالت داینامیکی بدهید باید از اسکریپت نیز استفاده کنید چراکه تگ progress به تنهایی به صورت ثابت و استاتیک می باشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از نکاتی که باید به آن دقت کنید این است که برای نمودار هایی که شکل آماری دارند مانند مقدار فضای استفاده شده از یک دیسک یا میزان پاسخ دهی به یک سوال نباید از این تگ استفاده کرد و بهتر است از تگ meter استفاده شود.
قطعه کد زیر نمونه ای از کاربرد تگ progress در Html می باشد:
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <body> Downloading progress: <progress value="22" max="100"> </progress> <p><strong>Note:</strong> The progress tag is not supported in Internet Explorer 9 and earlier versions.</p> </body> </html> |
خصوصیت های تگ progress در Html:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| max | number | با این خصوصیت مقدار لازم برای تکمیل فرایند را می توان مشخص نمود. پشتیبانی از Html5 |
| value | number | با استفاده از این خصوصیت مقدار فرایندی که از کل فرایند طی شده است را می توان مشخص نمود. پشتیبانی از Html5 |
تگ progress تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.