8. Bootstrap Badges & Progress Bars
📘 কনসেপ্ট (থিওরি)
**ব্যাজ (Badges)** যেকোনো বিষয়বস্তুতে অতিরিক্ত তথ্য (যেমন নোটিফিকেশন) যোগ করতে ব্যবহৃত হয়।
.bg-secondary) সাথে .badge ক্লাসটি ব্যবহার করুন।
**প্রোগ্রেস বার (Progress Bars)** কোনো কাজের অগ্রগতি দেখাতে ব্যবহৃত হয়।
একটি ডিফল্ট প্রোগ্রেস বার তৈরি করতে, একটি কন্টেইনার এলিমেন্টে .progress ক্লাস যোগ করুন এবং এর চাইল্ড এলিমেন্টে একটি সিএসএস width স্টাইলসহ .progress-bar ক্লাস যোগ করুন।💡 উদাহরণ
ব্যাজ এবং প্রোগ্রেস বার:
Example heading New
70%
🎯 আপনার কাজ (প্র্যাকটিস)
একটি প্রোগ্রেস বার তৈরি করুন যা 50% পূর্ণ (ভেতরে "50%" টেক্সটসহ)।
main.bootstrap
Loading...
OUTPUT