آموزش HTML 5 > تگ های جدید HTML 5  >  تگ < progress >

تگ < progress >  :

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

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

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

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

syntax توضیح
توضیح خاصیت
این خاصیت حداکثر مقدار عددی برای نمودار یا پروسه را تعیین می کند .  مثلا کاری باید در  100%  یا 50 واحد انجام شود . max
این خاصیت عددی تعیین کننده میزان درصد یا واحدی است ، که از کل میزان پروسه انجام شده است . برای مثال 30% یا 10 واحد از کار انجام شده است . value

پشتیانی در مرورگر های مختلف :

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

مثال عملی :

در مثال  زیر ، نحوه استفاده از تگ < progress> را در عمل نمایش داده ایم . این نمودار نمایشگر یک پروسه 100 % است که 30 % آن انجام شده است  :

مثال <progress  value="30"  max="100" >   </progress>
خروجی


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید  :

آیا مطالب این صفحه برای شما مناسب و مفید بود ه است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟