এইচটিএমএল <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> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |