تگ <progress>
یکی از تگ هایی که می توان از آن درون تگ form نیز استفاده نمود، تگ <progress> است. از این تگ برای نشان دادن میزان پیشرفت یک فرایند استفاده می شود. برای آنکه مشخص شود ماکزیمم مقدار این نوار پیشرفت چه مقدار است از اتریبیوت max و برای مشخص شدن آنکه چه مقدار از این عدد تا کنون طی شده است، از اتریبیوت value استفاده می شود. به عنوان مثال، در کد زیر تعداد ساعت های آموزشی زبان جاوا (ماکزیمم مقدار) برابر با 40 ساعت و تعداد ساعت هایی که تا کنون آموخته شده است، برابر با 30 ساعت در نظر گرفته شده است.
همان طور که در تصویر زیر مشاهده می کنید، 75% از نوار آبی رنگ (30/40 = 0.75) به عنوان میزان پیشرفت پر شده است.
<body>
<label>
روند یادگیری زبان جاوا
</label>
<progress max="40" value="30">
</progress>
</body>
<label>
روند یادگیری زبان جاوا
</label>
<progress max="40" value="30">
</progress>
</body>
همان طور که در تصویر زیر مشاهده می کنید، 75% از نوار آبی رنگ (30/40 = 0.75) به عنوان میزان پیشرفت پر شده است.
