এলিমেন্টর স্কিল বার উইজেট: এক তালিকায় একাধিক অগ্রগতি বার
মাস্টার অ্যাডনস প্রোগ্রেস বার উইজেট একটি উইজেটে বেশ কয়েকটি অনুভূমিক দক্ষতা বার স্ট্যাক করে। এটা বিনামূল্যে। প্রতিটি দক্ষতা, পরিষেবা বা লক্ষ্যের জন্য একটি বার যোগ করুন, এটিকে 1 থেকে 100 পর্যন্ত একটি শিরোনাম এবং শতাংশ দিন এবং আপনি যদি চান প্রতি বারে একটি রঙ চয়ন করুন৷ বারগুলি শূন্য থেকে পূর্ণ হয় যখন তারা দৃশ্যে স্ক্রোল করে, প্রতিটি বারের ভিতরে দেখানো শতাংশ সহ। একটি সম্পর্কে পৃষ্ঠা, প্রকল্পের অবস্থা বা সমীক্ষার ফলাফলের দক্ষতার জন্য এটি ব্যবহার করুন। পরিবর্তে একটি একক বৃত্ত বা গেজ খুঁজছেন? ব্যবহার কর অগ্রগতি বার এর সার্কেল এবং ফ্যান প্রিসেট সহ উইজেট। একটি বারের জন্য যা দর্শকরা একটি পোস্টের মাধ্যমে স্ক্রোল করার সাথে সাথে পূর্ণ হয়, ব্যবহার করুন রিডিং প্রোগ্রেস বার.
এলিমেন্টরে কীভাবে স্কিল বার যুক্ত করবেন
আপনার এলিমেন্টর এবং ফ্রি মাস্টার অ্যাডঅন প্লাগইন দরকার। এটা দেখ অগ্রগতি বার ডক্স.
- প্রগ্রেস বারগুলি নীচে চালু আছে কিনা তা পরীক্ষা করুন৷ মাস্টার অ্যাডঅন, উইজেট.
- Elementor সম্পাদক, অনুসন্ধান করুন অগ্রগতি বার এবং পৃষ্ঠায় টেনে আনুন।
- পরিসংখ্যান বারে, তিনটি নমুনা বার সম্পাদনা করুন এবং আরও জানতে আইটেম যোগ করুন ক্লিক করুন।
- প্রতিটি বারের জন্য একটি শিরোনাম এবং শতাংশ সেট করুন এবং আপনি যদি বিভিন্ন রঙ চান তবে একটি বারের রঙ।
- স্টাইল ট্যাবে, ট্র্যাক সেট করুন এবং রঙ, বারের উচ্চতা, ব্যবধান এবং ব্যাসার্ধ পূরণ করুন।
- শিরোনাম এবং শতাংশ স্টাইল করুন, তারপর পৃষ্ঠাটির পূর্বরূপ দেখুন এবং উইজেটে স্ক্রোল করুন।

আপনার প্রয়োজন হিসাবে অনেক দক্ষতা বার যোগ করুন
বার বাস পরিসংখ্যান বার বিষয়বস্তু ট্যাবে পুনরাবৃত্তিকারী। প্রতিটি বারের জন্য আইটেম যোগ করুন ক্লিক করুন, তারপর সেট করুন পরিসংখ্যান শিরোনাম (উদাহরণস্বরূপ “ওয়েব ডিজাইন”), the শতাংশ মান 1 থেকে 100 পর্যন্ত, এবং একটি ঐচ্ছিক বার রঙ সেই বারের জন্য। আইটেমগুলিকে পুনরায় সাজাতে টেনে আনুন। শিরোনাম ক্ষেত্রটি এলিমেন্টর ডায়নামিক ট্যাগ গ্রহণ করে।
- একটি উইজেটে যেকোনো সংখ্যক বার।
- প্রতিটি বারের নিজস্ব শিরোনাম, শতাংশ এবং রঙ রয়েছে।
- বারগুলি তাদের নিজস্ব রঙ ছাড়াই স্টাইল ট্যাব থেকে সক্রিয় বার রঙ ব্যবহার করে।
বার, শিরোনাম এবং শতাংশ স্টাইল করুন
দ্য পরিসংখ্যান বার স্টাইল বিভাগে বার বিজি কালার (খালি ট্র্যাক), অ্যাক্টিভ বার কালার (ফিল), বারগুলির মধ্যে উল্লম্ব ব্যবধান (5 থেকে 128px), বার উচ্চতা (1 থেকে 96px) এবং বর্গাকার বা পিল আকৃতির বারগুলির জন্য পরিসংখ্যান বার বর্ডার ব্যাসার্ধ সেট করে। পরিসংখ্যান শিরোনাম প্রান্তিককরণ, রঙ এবং টাইপোগ্রাফি আছে, এবং পরিসংখ্যান শতাংশ বারের ভিতরে নম্বরের জন্য রঙ এবং টাইপোগ্রাফি আছে।
- ট্র্যাক এবং ভরাট জন্য পৃথক রং।
- বৃত্তাকার বারগুলির জন্য px বা %-এ সীমানা ব্যাসার্ধ।
- উইজেটটি দৃশ্যে স্ক্রোল করার সময় একবার অ্যানিমেশন প্লেগুলি পূরণ করুন; উচ্চতর মান পূরণ করতে বেশি সময় নেয়।

এলিমেন্টর প্রোগ্রেস বার বনাম মাস্টার অ্যাডঅনস প্রোগ্রেস বার
Elementor এর একটি বিনামূল্যের অগ্রগতি বার উইজেট রয়েছে যা একটি বার দেখায়। এখানে কিভাবে দুটি তুলনা।
| বৈশিষ্ট্য | এলিমেন্টর প্রগ্রেস বার | মাস্টার অ্যাডঅন প্রগ্রেস বার |
|---|---|---|
| উইজেট প্রতি বার | এক | যতগুলো যোগ করবেন |
| বার প্রতি রঙ | একটি উইজেট, একটি রঙ | হ্যাঁ, প্রতি রিপিটার আইটেম |
| বারের ভিতরে টেক্সট | হ্যাঁ, কাস্টম অভ্যন্তরীণ পাঠ্য | শুধুমাত্র শতাংশ |
| ভিউতে স্ক্রোল করা হলে অ্যানিমেট করুন | হ্যাঁ | হ্যাঁ |
| গতিশীল ট্যাগ | হ্যাঁ | শুধুমাত্র শিরোনাম |
| খরচ | বিনামূল্যে | বিনামূল্যে |
কাস্টম অভ্যন্তরীণ পাঠ্য সহ একটি বারের জন্য, এলিমেন্টরের নিজস্ব উইজেট যথেষ্ট। দক্ষতার তালিকার জন্য, একটি অগ্রগতি বার উইজেট তাদের সারিবদ্ধ রাখে। সম্পর্কিত: অগ্রগতি বার চেনাশোনা এবং গেজের জন্য, রিডিং প্রোগ্রেস বার স্ক্রোল অগ্রগতির জন্য, এবং কাউন্টার আপ অ্যানিমেটেড সংখ্যার জন্য।













অগ্রগতি বারগুলির জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
বারগুলি যখন দৃশ্যে স্ক্রোল করে তখন কি অ্যানিমেট হয়?
হ্যাঁ। উইজেট ভিউপোর্টে প্রবেশ করার পরে প্রতিটি বার শূন্য থেকে তার মান পর্যন্ত পূর্ণ হয়। ফিলটি প্রতি শতাংশ পয়েন্টে প্রায় 20 মিলিসেকেন্ড সময় নেয়, তাই একটি 90% বার দুই সেকেন্ডের কম সময় নেয়। গতি পরিবর্তন বা অ্যানিমেশন বন্ধ করার কোন সেটিং নেই।
অগ্রগতি বার উইজেট বিনামূল্যে?
হ্যাঁ। প্রোগ্রেস বারগুলি প্রতিটি বিষয়বস্তু এবং শৈলী নিয়ন্ত্রণ সহ বিনামূল্যের মাস্টার অ্যাডঅন প্লাগইনের অংশ। এই উইজেটের কোন প্রো সংস্করণ নেই।
অগ্রগতি বার মোবাইলে প্রতিক্রিয়াশীল?
হ্যাঁ। বারগুলি তাদের কলামের সম্পূর্ণ প্রস্থ নেয়, তাই তারা পর্দার সাথে সঙ্কুচিত হয়। বারের উচ্চতা এবং উল্লম্ব ব্যবধান প্রতিক্রিয়াশীল নিয়ন্ত্রণ নয়, তবে শিরোনাম এবং শতাংশ টাইপোগ্রাফি ট্যাবলেট এবং মোবাইলে ছোট ফন্টের আকার ব্যবহার করতে পারে।
আমি কি কঠিন রঙের পরিবর্তে সক্রিয় বারের রঙের জন্য একটি গ্রেডিয়েন্ট ব্যবহার করতে পারি?
নং বার বিজি কালার, অ্যাক্টিভ বার কালার এবং প্রতিটি বারের নিজস্ব কালার শুধুমাত্র একটি কঠিন রঙ নেয়। আপনার যদি গ্রেডিয়েন্ট ফিলের প্রয়োজন হয়, যোগাযোগ করুন এবং আমরা একটি CSS স্নিপেট সুপারিশ করতে পারি।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।

গ্লাসমরফিজম

ধারক অতিরিক্ত

নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর

