سرخط خبرها

تگ progress در HTML5

تگ progress در HTML5
تگ progress در HTML5

تگ progress که از بهتریتن تگهای html5 میباشد رو برسی میکنیم. این تگ برای معرفی نمایش پیشرفت کار استفاده می شود. برای مثال از این کد می توانید برای نمایش مقدار دانلود صورت گرفته را نمایش دهید. 

از تگ progress برای نمایش فرایند پیشرفت یک پروسه بر روی صفحه استفاده می شود . مثلا برای نمایش عملیات لود شدن یک عکس یا صفحه که از صفر درصد شروع شده و به صد درصد پایان می یابد .

نکته ۱ : تگ progress خود حالت ایستا و ثابتی داشته و باید بوسیله یک اسکریپت جلوه پویا و در حرکت به آن داد .
نکته ۲ : از تگ progress برای نمایش یک نمایشگر یا درجه اندازه ، مثل مقدار استفاده شده از یک دیسک استفاده نکنید .تگ < meter> برای این کار مناسب است .

شکل کلی استفاده از یک تگ < progress > بصورت زیر است :

<progress  value = " value "   max = " value " >   </progress>

توضیح خواص تگ < progress > :

max : این خاصیت حداکثر مقدار عددی برای نمودار یا پروسه را تعیین می کند .  مثلا کاری باید در  ۱۰۰%  یا ۵۰ واحد انجام شود .

value : این خاصیت عددی تعیین کننده میزان درصد یا واحدی است ، که از کل میزان پروسه انجام شده است . برای مثال ۳۰% یا ۱۰ واحد از کار انجام شده است .


مثال عملی :این تگ درتمام مرورگرهای مطرح پشتیبانی می شود .

در مثال  زیر ، نحوه استفاده از تگ < progress> را در عمل نمایش داده ایم .

این نمودار نمایشگر یک پروسه ۱۰۰ % است که ۳۰ % آن انجام شده است 

<progress  value="30"  max="100" >   </progress>

 

< progress value="80" max="100" >
 < /progress > 

این نمودار نمایشگر یک پروسه ۱۰۰ % است که ۸۰% آن انجام شده است 

 

QR Code For: تگ progress در HTML5

درباره ی jizjiz

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Time limit is exhausted. Please reload CAPTCHA.