HTML <progress> Tag
ဥပမာ
တိုးတက်မှုဘားကိုပြသပါ-
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Tag သည် အလုပ် တစ်ခု၏ <progress>
ပြီးမြောက်မှုတိုးတက်မှုကို ကိုယ်စားပြုသည်။
အကြံပြုချက်- အကောင်းဆုံးဝင်ရောက်နိုင်မှုအလေ့အကျင့်များအတွက် <label> တဂ်ကို အမြဲထည့်ပါ ။
အကြံပြုချက်များနှင့် မှတ်စုများ
အကြံပြုချက်-<progress>
အလုပ်တစ်ခု၏ တိုးတက်မှုကိုပြသရန် JavaScript နှင့် တွဲဖက် အသုံးပြု ပါ။
မှတ်ချက် - <progress>
တဂ်သည် အတိုင်းအတာတစ်ခုအား ကိုယ်စားပြုရန်အတွက် မသင့်လျော်ပါ (ဥပမာ- ဒစ်စကွက်နေရာအသုံးပြုမှု သို့မဟုတ် စုံစမ်းမှုရလဒ်တစ်ခု၏ ဆက်စပ်မှု)။ အတိုင်းအတာတစ်ခုကို ကိုယ်စားပြုရန်၊ ၎င်း အစား <meter> တက် ဂ်ကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<progress>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<progress>
tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- တိုးတက်မှုအရာဝတ္တု
မူရင်း CSS ဆက်တင်များ
တစ်ခုမှ