تگ های HTML – تگ progress
سلام
با معرفی تگ <progress> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <progress>
۱ ۲ ۳ |
Downloading progress: <progress value="۲۵" max="۱۰۰"> </progress> |
- معرفی و کاربرد
از تگ <progress> برای ایجاد نمودار درصد پیشرفت استفاده می شود، برای مثال از این تگ می توانید برای نمایش درصد تمام شده از یک پروژه، نمایش مقدار فضای مصرف شده از یک حافطه و … را نمایش دهید.
این تگ دو خاصیبت value و max میگیرد، در خاصیت max مقدار ماکزیمم عدد قرار میگرد، و در مقدار value هر عددی قرار بگیرد نسبت به مقدار max محاسبه و به همان اندازه نمودار پر می شود.
نکته: این تگ در HTML5 پشتیبانی می شود.
- پشتیبانی مرورگرها
عنصر | |||||
---|---|---|---|---|---|
progress | ۸.۰ | ۱۰.۰ | ۱۶.۰ | ۶.۰ | ۱۱.۰ |
- خصوصیت ها
در جدول زیر خصوصیت هایی که تگ <progress> در بر میگیرد را آورده ایم.
خصوصیت |
مقدار |
توضیح |
max |
عدد |
مشخص کردن کار |
value |
عدد |
چه مقدار از کار انجام شده است |
معرفی تگ <progress> نیز به پایان رسید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید