تگ progress در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ progress در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ progress چیست؟

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

به عنوان مثال با تگ progress می توانیم درصد آپلود فایل را به صورت لحظه ای نمایش دهیم و یا درصد پیشرفت پروژه های در دست اقدام را در وب سایت به کاربران اطلاع دهیم.

این تگ با <progress> شروع شده و با </progress> پایان می یابد.

<progress></progress>

صفات تگ progress

در این بخش با صفات تگ progress آشنا خواهید شد.

صفت max

حداکثر مقدار تگ progress را مشخص می کند.

<progress max="Number"></progress>

صفت value

مقدار فعلی تگ progress را مشخص می کند.

<progress value="Number"></progress>

مثال تگ progress

کد:

<p>پیشرفت پروژه:</p>
<progress value="30" max="100"></progress>

اجرا

سازگاری با مرورگرها

تگ progress با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS