সুচিপত্র:

আমি কিভাবে HTML এ একটি লোডিং বার তৈরি করব?
আমি কিভাবে HTML এ একটি লোডিং বার তৈরি করব?

ভিডিও: আমি কিভাবে HTML এ একটি লোডিং বার তৈরি করব?

ভিডিও: আমি কিভাবে HTML এ একটি লোডিং বার তৈরি করব?
ভিডিও: কিভাবে HTML CSS JavaScript ব্যবহার করে সার্কুলার প্রগ্রেস বার তৈরি করবেন | Neomorphism অগ্রগতি বার 2024, নভেম্বর
Anonim

< ব্যবহার করুন অগ্রগতি > ট্যাগ করুন HTML এ একটি অগ্রগতি বার তৈরি করুন . দ্য এইচটিএমএল < অগ্রগতি > ট্যাগ একটি সম্পূর্ণতা নির্দিষ্ট করে অগ্রগতি একটি কাজের এটি একটি হিসাবে প্রদর্শিত হয় অগ্রগতি বার . মুল্য অগ্রগতি বার জাভাস্ক্রিপ্ট দ্বারা ম্যানিপুলেট করা যেতে পারে।

একইভাবে, জিজ্ঞাসা করা হয়, আপনি কীভাবে লোডিং বার তৈরি করবেন?

জাভাস্ক্রিপ্ট ব্যবহার করে একটি মৌলিক অগ্রগতি বার তৈরি করতে, নিম্নলিখিত পদক্ষেপগুলি সম্পাদন করতে হবে:

  1. আপনার প্রগ্রেস বারের জন্য এইচটিএমএল স্ট্রাকচার তৈরি করুন: নীচের কোডটিতে "প্রগ্রেস_স্ট্যাটাস" এবং "মাইপ্রগ্রেসবার" নামে দুটি "ডিভ" ট্যাগ উপাদান রয়েছে।
  2. CSS যোগ করা হচ্ছে:
  3. জাভাস্ক্রিপ্ট যোগ করা হচ্ছে:
  4. HTML, CSS এবং JavaScript উপাদান লিঙ্ক করুন।

একইভাবে, HTML এ অগ্রগতি বার কি? দ্য এইচটিএমএল < অগ্রগতি > উপাদান একটি প্রদর্শন করে নির্দেশক সমাপ্তি দেখাচ্ছে অগ্রগতি একটি কাজের, সাধারণত একটি হিসাবে প্রদর্শিত হয় অগ্রগতি বার.

এটি বিবেচনা করে, আপনি কীভাবে জাভাস্ক্রিপ্টে একটি লোডিং বার তৈরি করবেন?

জাভাস্ক্রিপ্ট দিয়ে একটি প্রগ্রেস বার তৈরি করা

  1. ধাপ 1 - নিচের HTML যোগ করুন যেখানে আপনি আপনার অগ্রগতি বারটি পূরণ করতে চান।
  2. ধাপ 2 - আপনার ওয়েবসাইটের প্রধান স্টাইলশীটে নিচের CSS যোগ করুন।
  3. ধাপ 3 - progress.js নামে একটি ফাইলে নিচের জাভাস্ক্রিপ্ট যোগ করুন।
  4. ধাপ 4 - আপনার ওয়েব পৃষ্ঠায় নীচের অন্তর্ভুক্ত যোগ করুন।

আমি কিভাবে অগ্রগতি বার দেখাব?

আসুন অ্যান্ড্রয়েডে অগ্রগতি বার প্রদর্শনের একটি সাধারণ উদাহরণ দেখি।

  1. ProgressDialog progressBar = new ProgressDialog(this);
  2. progressBar.setCancelable(true);//আপনি ব্যাক বোতাম টিপে এটি বাতিল করতে পারেন।
  3. progressBar.setMessage("ফাইল ডাউনলোড হচ্ছে");
  4. progressBar.setProgressStyle(ProgressDialog. STYLE_HORIZONTAL);

প্রস্তাবিত: