عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1170 آموزش و 2020 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

تگ های HTML – تگ progress

سلام

با معرفی تگ <progress> از سری تگ های HTML در خدمتتون هستیم.

  • نمونه کد تگ <progress>


  • معرفی و کاربرد

از تگ <progress> برای ایجاد نمودار درصد پیشرفت استفاده می شود، برای مثال از این تگ می توانید برای نمایش درصد تمام شده از یک پروژه، نمایش مقدار فضای مصرف شده از یک حافطه و …  را نمایش دهید.

این تگ دو خاصیبت value و max میگیرد، در خاصیت max مقدار ماکزیمم عدد قرار میگرد، و در مقدار value هر عددی قرار بگیرد نسبت به مقدار max محاسبه و به همان اندازه نمودار پر می شود.

نکته: این تگ در HTML5 پشتیبانی می شود.

  • پشتیبانی مرورگرها
عنصر
progress ۸.۰ ۱۰.۰ ۱۶.۰ ۶.۰ ۱۱.۰
  • خصوصیت ها

در جدول زیر خصوصیت هایی که تگ <progress> در بر میگیرد را آورده ایم.

خصوصیت

مقدار

توضیح

max

عدد

مشخص کردن کار

value

عدد

چه مقدار از کار انجام شده است

معرفی تگ <progress> نیز به پایان رسید.

مطلب پیشنهادی:  ساخت متن سه بعدی با html,css (همراه با سورس)

درباره احمد آخوندیمدیر سایت

همیشه در تلاش برای یادگیری :) ارتباط با من: 09159352892

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

بپرسم را میتوان به عنوان مرجعی برای آموزش و حل مشکلات دانست، در بپرسم سعی کرده ایم آموزش های برنامه نویسی، طراحی سایت، کار با نرم افزارها ها و… را آموزش دهیم. همچنین محیطی فراهم کرده ایم تا کاربران بتوانند در این محیط سوالات خود را بپرسند و مشکل خود را حل کنند.