এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <progress> ট্যাগ


<progress> ট্যাগের ব্রাউজার সাপোর্ট

এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<progress> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<progress> ট্যাগ কোন কাজের অগ্রগতিকে বুঝায়।

এটি প্রোগ্রেস বার হিসেবে ব্রাউজারে প্রদর্শিত হয়। এবং জাভাস্ক্রিপ্টের মাধ্যমে এর ভ্যালুকে ম্যানিপুলেট করা যায়।



নিচের উদাহরণে <progress> এলিমেন্টের সাহায্যে একটি প্রোগ্রেস বার তৈরি করা হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <h2>ছাত্র-ছাত্রীদের বুদ্ধিমত্তা লেভেল</h2>
  <progress value="75" max="100"></progress>

</body>
</html>

বিঃদ্রঃ <progress> ট্যাগটি ইন্টারনেট এক্সপ্লোরার ৯ এবং তার আগের ভার্সনে সাপোর্ট করে না।

ফলাফল





টীকা ও মন্তব্যঃ

  • কোন কাজের অগ্রগতি নির্দেশ করার জন্য জাভাস্ক্রিপ্টের সাথে <progress> ট্যাগটি ব্যবহার করুন।
  • কোন কিছু পরিমাপের জন্য <progress> ট্যাগটি উপযুক্ত নয়। যেমনঃ ডিস্ক স্পেসের ব্যবহার অথবা এই সম্পর্কিত কোন ফলাফল জানা ইত্যাদি। কোন কিছুর পরিমাপ বুঝানোর জন্য <meter> ট্যাগটি ব্যবহার করুন।


এট্রিবিউট

নিচের টেবিলে <progress> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বর্ননা
max number মোটের দিক দিয়ে সর্বোচ্চ কাজের পরিমান নির্দেষ করে।
value number কতটুকু কাজ সম্পন্ন হয়েছে তা নির্দেশ করে।


<progress> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ