تگ <progress> در HTML 🖐

💥برای نمایش پیشرفت یک کار خاص مثل آپلود یک فایل یا تکمیل یک وظیفه استفاده می‌شه. این تگ به صورت بومی توسط مرورگر پشتیبانی می‌شه و به طور خودکار یک نوار پیشرفت ایجاد می‌کنه. بریم سراغ جزئیات بیشتر:

<label for="file">پیشرفت دانلود فایل:</label>
<progress id="file" value="32" max="100">32%</progress>

✅توضیحات value: مقدار فعلی پیشرفت کار رو نشون می‌ده. در این مثال، پیشرفت 50 است.

✅توضیحات max: حداکثر مقدار پیشرفت رو تعیین می‌کنه. در این مثال، حداکثر مقدار 100 است.

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

✅برچسب (Label): با استفاده از تگ <label> می‌تونی توضیحی درباره نوار پیشرفت بدی.

✅اتصال به تگ <progress>: با استفاده از خاصیت for در تگ <label> و خاصیت id در تگ <progress> می‌تونی این دو رو به هم مرتبط کنی.

#html #progress
☕️ @CodeExplore