অগ্রগতি বার
কখনও কখনও, একটি সংখ্যা সবচেয়ে গুরুত্বপূর্ণ। একটি তহবিল সংগ্রহের লক্ষ্য, একটি প্রকল্পের মাইলফলক, একটি দক্ষতা দক্ষতা। মাস্টার অ্যাডনস প্রোগ্রেসবার এলিমেন্ট সেই একক মেট্রিককে একটি ভিজ্যুয়াল সেন্টারপিস করে তোলে। ক্লাসিক লাইন, রেডিয়াল সার্কেল বা অনন্য ফ্যান এবং বাবল ডিজাইনের একাধিক আকর্ষক শৈলী থেকে বেছে নিন। আপনার লক্ষ্য মান সেট করুন, তারপর প্রতিটি অংশ কাস্টমাইজ করুন। এটি একটি মূল উদ্দেশ্যের চারপাশে মনোযোগ ফোকাস, সমাপ্তি কল্পনা এবং কর্মকে অনুপ্রাণিত করার জন্য নিখুঁত উপাদান বা অগ্রগতি বার উপাদান।
একাধিক ভিজ্যুয়াল স্টাইল প্রিসেট
একটি একক সংখ্যা বিভিন্ন উপায়ে দেখানো যেতে পারে। আপনার পৃষ্ঠার ব্যক্তিত্বের সাথে মানানসই ভিজ্যুয়াল শৈলী নির্বাচন করুন। অনুভূমিক লেআউটের জন্য সহজ, পরিষ্কার লাইন বার চয়ন করুন। একটি কমপ্যাক্ট, রেডিয়াল গেজের জন্য সার্কেল বেছে নিন। ফ্যানের আকৃতির সাথে এটিকে কৌতুকপূর্ণ করুন বা একটি গতিশীল বুদবুদ যোগ করুন যা লাইন শৈলীতে অগ্রগতির সাথে চলে। প্রতিটি প্রিসেট অগ্রগতি কল্পনা করার একটি স্বতন্ত্র উপায় অফার করে, নিশ্চিত করে যে আপনার অগ্রগতি বার সর্বদা ডিজাইনের একটি অবিচ্ছেদ্য অংশ, পরবর্তী চিন্তা নয়।
- চারটি স্বতন্ত্র শৈলী: লাইন, সার্কেল, ফ্যান এবং লাইন বাবল প্রিসেট থেকে বেছে নিন।
- রেডিয়াল বনাম রৈখিক: আঁটসাঁট জায়গায় কমপ্যাক্ট, রেডিয়াল অগ্রগতি সূচকের জন্য বৃত্ত এবং ফ্যান ব্যবহার করুন।
- অ্যানিমেটেড বাবল: লাইন বাবল শৈলী একটি চলমান শেষ বিন্দু যোগ করে যা বর্তমান মানকে হাইলাইট করে।
বিষয়বস্তু এবং মান কাস্টমাইজেশন
আপনার অগ্রগতি বার সেট আপ করা সহজ। বিষয়বস্তু ট্যাবে, এটিকে একটি অর্থপূর্ণ শিরোনাম দিন যেমন “Project Funding” বা “Customer Satisfaction।” তারপর, মান সেট করুন it all-গুরুত্বপূর্ণ শতাংশ যা নির্ধারণ করে যে বার বা বৃত্তটি কতটা পূর্ণ হওয়া উচিত। আপনার পৃষ্ঠায় একটি কার্যকরী, গতিশীল অগ্রগতি সূচক লাইভ পেতে এই সহজ দ্বি-পদক্ষেপ প্রক্রিয়াটি আপনার প্রয়োজন।
- সহজ ইনপুট: মাত্র দুটি ক্ষেত্র: শিরোনাম এবং মান (শতাংশ)।
- লাইভ প্রিভিউ: আপনি টাইপ করার সাথে সাথে সম্পাদকে শিরোনাম এবং শতাংশ মান আপডেট দেখুন।
- ডায়নামিক ডিসপ্লে: বার, বৃত্ত বা ফ্যান ফিল স্বয়ংক্রিয়ভাবে আপনার প্রবেশ করা সঠিক শতাংশের সাথে সামঞ্জস্য করে।
অগ্রগতি বার স্টাইলিং
ব্যাক বার (খালি ট্র্যাক বা ব্যাকগ্রাউন্ড) এবং ফ্রন্ট বার (রঙিন ফিল) স্বাধীনভাবে স্টাইল করুন। সামনের বারের জন্য, এর রঙ চয়ন করুন এবং এর প্রস্থ (বা বেধ) নিয়ন্ত্রণ করুন। পিছনের বারের জন্য, নিজস্ব রঙ এবং শৈলী সেট করুন। এই বিচ্ছেদ আপনাকে সর্বাধিক পাঠযোগ্যতা এবং চাক্ষুষ প্রভাব নিশ্চিত করে, পটভূমির বিপরীতে অগ্রসরমান অগ্রগতিকে স্পষ্টভাবে আলাদা করতে দেয়।
- ডুয়াল-বার স্টাইলিং: সম্পূর্ণ ভিন্ন রঙের সাথে সামনের বার (প্রগতি) এবং পিছনের বার (ট্র্যাক) স্টাইল করুন।
- বেধ নিয়ন্ত্রণ: অগ্রগতি পূরণের প্রস্থ সামঞ্জস্য করুন, বিশেষ করে লাইন এবং সার্কেল শৈলীর জন্য দরকারী।
- ভিজ্যুয়াল হায়ারার্কি পরিষ্কার করুন: সম্পূর্ণ অংশটি অবিলম্বে স্পষ্ট করতে বিপরীত রং ব্যবহার করুন।
লেবেল এবং মান ডিজাইন
আপনার পাঠ্য ডিজাইন করতে শিরোনাম এবং মান স্টাইলিং বিভাগগুলি ব্যবহার করুন। শিরোনামের রঙ সেট করুন এবং এর টাইপোগ্রাফি us ফন্ট, আকার এবং ওজন চয়ন করুন। মান (শতাংশ সংখ্যা) জোর দেওয়ার জন্য স্টাইল করা যেতে পারে, প্রায়শই এটি শিরোনামের চেয়ে বড় বা সাহসী করে তোলে। এই সমন্বিত পদ্ধতি গ্যারান্টি দেয় যে আপনার অগ্রগতি বারের সমস্ত উপাদান একটি একীভূত, কাস্টম-ডিজাইন করা উপাদানের মতো অনুভব করে।
- পাঠ্য-নির্দিষ্ট স্টাইলিং: শিরোনাম লেবেল এবং মান শতাংশ স্টাইল করার জন্য পৃথক নিয়ন্ত্রণ।
- টাইপোগ্রাফি নিয়ন্ত্রণ: শিরোনাম পাঠ্যের উপর সুনির্দিষ্ট ফন্ট নিয়ন্ত্রণের জন্য টাইপোগ্রাফি প্যানেল ব্যবহার করুন।
- সংখ্যার উপর জোর দেওয়া: প্রায়শই মানটিকে আরও বিশিষ্ট করার জন্য স্টাইল করুন, কী মেট্রিকের দিকে নজর দিন।
অগ্রগতি বারের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
এটি এবং "প্রগ্রেসবারস" (গ্রুপ) উপাদানের মধ্যে প্রধান পার্থক্য কী?
এই উপাদানটি একটি একক, স্ট্যান্ডআউট অগ্রগতি সূচকের জন্য। এটি অনন্য আকৃতির প্রিসেট (বৃত্ত, ফ্যান, বুদবুদ) অফার করে এবং এটি একটি ফোকাল পয়েন্ট হিসাবে ডিজাইন করা হয়েছে। দ্য Progressbars উপাদান একাধিক বারের তালিকা বা গোষ্ঠী তৈরি করার জন্য (যেমন একটি দক্ষতা তালিকা), সবই একই রৈখিক শৈলীতে।
পৃষ্ঠা লোড হলে বার/বৃত্ত কি অ্যানিমেট করে?
হ্যাঁ, সাধারণত। দর্শকদের সম্পৃক্ত করার জন্য, একটি মসৃণ, গতিশীল প্রভাব তৈরি করে যখন উপাদানটি পৃষ্ঠায় দেখা যায় তখন অগ্রগতি পূরণ (ফ্রন্ট বার) আপনার সেট মান 0% থেকে অ্যানিমেট করা উচিত।
আমি কি 100 এর মধ্যে একটি স্কোর দেখাতে সার্কেল শৈলী ব্যবহার করতে পারি?
একেবারে। সার্কেল (এবং ফ্যান) শৈলী এটির জন্য উপযুক্ত। স্কোরে আপনার মান সেট করুন (যেমন, 85% এর জন্য 85)। উপাদানটি সেই অনুযায়ী রেডিয়াল আর্ক পূরণ করবে, একটি পরিষ্কার গেজ বা রেটিং ভিজ্যুয়ালাইজেশন তৈরি করবে।
লাইন বাবল শৈলীতে "বুদবুদ" কি কাস্টমাইজযোগ্য?
হ্যাঁ। একটি বুদবুদ রঙ এবং বুদবুদ অবস্থান সেটিং আছে। আপনি বুদবুদের রঙ পরিবর্তন করতে পারেন এবং ফিলের শেষ বিন্দুর সাপেক্ষে ট্র্যাক বরাবর যেখানে বসে তা সামঞ্জস্য করতে পারেন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
