HTML5-এ টাস্কের কমপ্লিশন প্রগ্রেস প্রদর্শন করতে <progress> ট্যাগ ব্যবহার করুন। এটি প্রগ্রেস বার তৈরিতে সাহায্য করে। নিচে অ্যাট্রিবিউটগুলো দেওয়া হলো:
HTML <progress> ট্যাগ নিচের অতিরিক্ত অ্যাট্রিবিউটগুলো সাপোর্ট করে:
| অ্যাট্রিবিউট | মান | বর্ণনা |
|---|---|---|
| max | Max | শূন্যের চেয়ে বড় মান এবং বৈধ ফ্লোটিং-পয়েন্ট সংখ্যা থাকা উচিত |
| value | value | টাস্কের কতটুকু সম্পন্ন হয়েছে তা নির্দিষ্ট করে। ০ এবং max-এর মধ্যে বা max না থাকলে ০ এবং ১-এর মধ্যে একটি ফ্লোটিং-পয়েন্ট সংখ্যা হওয়া উচিত। |
উদাহরণ
নিচের কোডটি চালিয়ে প্রগ্রেস বার তৈরি করা যাবে:
<!DOCTYPE html>
<html>
<head>
<title>HTML Progress Tag</title>
</head>
<body>
<h2>Water Level</h2>
<progress value="60" max="100"/>
</body>
</html>