progress tag

progress tag ကို တာဝန်တစ်ခု၏ ပြီးစီးမှု တိုးတက်မှုကို ပြသရန် အသုံးပြုပါသည်။ တန်ဖိုးပြောင်းလဲမှုကို JavaScript မှတစ်ဆင့် လုပ်ဆောင်ပါသည်။ Tag အတွင်း၌ ဘရောက်ဆာက ဤ tag ကို နားမလည်ပါက ပြသမည့် စာသားကို ထည့်သွင်းရန် လိုအပ်ပါသည်။

Attributes

Attribute ဖော်ပြချက်
value တိုးတက်မှု၏ လက်ရှိတန်ဖိုး။
max တိုးတက်မှု၏ အမြင့်ဆုံးတန်ဖိုး။

Attributes များ၏ တန်ဖိုးများသည် ကိန်းပြည့်များ သို့မဟုတ် ဒဿမကိန်းများ ဖြစ်သည်။

နမူနာ

html<progress max="100" value="25">
  ၂၅% ထိ လုပ်ဆောင်ပြီးပါပြီ
</progress>

Результат:

နမူနာ

html<progress max="100" value="75">
  ၇၅% ထိ လုပ်ဆောင်ပြီးပါပြီ
</progress>

Результат:

နမူနာ

html<progress max="100" value="100">
  ၁၀၀% ထိ လုပ်ဆောင်ပြီးပါပြီ
</progress>

Результат:

နမူနာ

html<progress max="100" value="0">
  ၀% ထိ လုပ်ဆောင်ပြီးပါပြီ
</progress>

Результат:

နမူနာ . ဒဿမတန်ဖိုးများ

html<progress max="100" value="10.5">
  ၁၀.၅% ထိ လုပ်ဆောင်ပြီးပါပြီ
</progress>

Результат:

ဆက်လက်လေ့လာရန်

  • meter tag,
    အလှပဆုံးပုံစံဖြင့် တန်ဖိုးအတိုင်းအတာများကို ဖော်ပြပေးသည်