The meter tag

meter tag ကို တန်ဖိုးတစ်ခုခုကို ကြည့်ကောင်းအောင် ပြသရန် အသုံးပြုပါသည်။

Tag ၏ ပုံပန်းသဏ္ဍာန်မှာ အစိတ်အပိုင်း (သို့) အပြည့်အဝ ရောင်ဆိုးထားသော အတန်းတစ်ခုဖြစ်သည်။ အတန်းသည် အစိမ်း၊ အဝါ (သို့) အနီရောင် ဖြစ်နိုင်သည် (အတန်း၏ အရောင်သည် attribute တန်ဖိုးများအပေါ်မူတည်ပြီး အောက်တွင် ဆွေးနွေးမည်)။

meter tag ကို ဥပမာအားဖြင့် အောက်ပါအခြေအနေတွင် အသုံးပြုသင့်သည်- လက်ရှိ အပူချိန်တန်ဖိုးကို ပြသလိုပြီး အပူချိန်သည် 0 မှ 100 အထိ ပြောင်းလဲနိုင်သည်။ သင့်အနေဖြင့် အောက်ပါ attribute များကို သတ်မှတ်ပေးသင့်သည်- value attribute သည် လက်ရှိအပူချိန်တန်ဖိုးကို ညွှန်ပြရမည်၊ min attribute သည် ဖြစ်နိုင်ချေအနိမ့်ဆုံးတန်ဖိုး (ကျွန်ုပ်တို့ဖြစ်ရပ်၌ 0)၊ max attribute သည် ဖြစ်နိုင်ချေအမြင့်ဆုံးတန်ဖိုး (ကျွန်ုပ်တို့ဖြစ်ရပ်၌ 100) ဖြစ်သည်။

value attribute ၏ တန်ဖိုးပေါ် မူတည်၍ အတန်းသည် သေးငယ်မည် (သို့) ကြီးမားမည်။ value ကို 10 အဖြစ် သတ်မှတ်ပါက အတန်းသည် သေးငယ်မည် (အကြောင်းမှာ 10 သည် အနိမ့်ဆုံး - သုညနှင့် အလွန်နီးကပ်သောကြောင့်)၊ သို့သော် တန်ဖိုး 90 အဖြစ် သတ်မှတ်ပါက အတန်းသည် ကြီးမားမည် (အကြောင်းမှာ 90 သည် အမြင့်ဆုံး - 100 နှင့် နီးကပ်သောကြောင့်)။ တန်ဖိုး 100 အဖြစ် သတ်မှတ်ပါက အတန်းသည် element တစ်ခုလုံးကို သိမ်းပိုက်ထားမည် (အကြောင်းမှာ တန်ဖိုးသည် အမြင့်ဆုံးသို့ ရောက်ရှိသွားသောကြောင့်)။

100 ထက် ကြီးသော တန်ဖိုးကို သတ်မှတ်ပါက အတန်းသည် element တစ်ခုလုံးကို ဆက်လက်၍ သိမ်းပိုက်ထားမည်။ 0 (သို့) ထို့ထက်နည်းသော တန်ဖိုးကို သတ်မှတ်ပါက အတန်းလုံးဝ ရှိမည်မဟုတ်ပါ။

ဥပမာ

value attribute တန်ဖိုးသည် သေးငယ်သည်-

<meter value="10" min="0" max="100"></meter>

ဥပမာ

value attribute တန်ဖိုးသည် ကြီးမားသည်-

<meter value="90" min="0" max="100"></meter>

ဥပမာ

value attribute တန်ဖိုးသည် ပျမ်းမျှဖြစ်သည်-

<meter value="50" min="0" max="100"></meter>

ဥပမာ

value attribute တန်ဖိုးသည် အမြင့်ဆုံးနှင့် ညီမျှသည်-

<meter value="100" min="0" max="100"></meter>

ဥပမာ

value attribute ၏ တန်ဖိုးသည် အနိမ့်ဆုံးနှင့် ညီမျှသည်-

<meter value="0" min="0" max="100"></meter>

ဥပမာ

value attribute တန်ဖိုးသည် အမြင့်ဆုံးထက် ကြီးသည်-

<meter value="110" min="0" max="100"></meter>

ဥပမာ

value attribute တန်ဖိုးသည် အနိမ့်ဆုံးထက် နည်းသည်-

<meter value="-10" min="0" max="100"></meter>

low နှင့် high attribute များကို ပေါင်းထည့်ခြင်း

meter tag တွင် 2 attribute များ ရှိပါသေးသည်- low နှင့် high။

၎င်းတို့၏ အလုပ်လုပ်ပုံကို အပူချိန်ကို ဥပမာအဖြစ် အသုံးပြု၍ သုံးသပ်ကြည့်ပါမည်။ သတိပေးချက်- ကျွန်ုပ်တို့၏ အနိမ့်ဆုံးအပူချိန်မှာ 0 ဖြစ်ပြီး အမြင့်ဆုံးမှာ 100 ဖြစ်သည်။ ယခု ကျွန်ုပ်တို့သည် အောက်ပါအတိုင်း အတိုင်းအတာများ ပြုလုပ်လိုသည်ဟု ဆိုကြပါစို့- "အအေးပိုင်း အပူချိန်" 0 မှ 20၊ "ပုံမှန်" 20 မှ 80 နှင့် "ပူပြင်း" 80 မှ 100။

အအေးပိုင်း အပူချိန်ကို သတ်မှတ်ရန် attribute low ၏ တန်ဖိုးကို 20 အဖြစ် သတ်မှတ်ပါမည်။ သုည (၎င်းသည် attribute min ၏ တန်ဖိုးဖြစ်သည်) မှ 20 (attribute low ၏ တန်ဖိုး) အထိ ကျွန်ုပ်တို့တွင် အနိမ့်တန်ဖိုး နယ်ပယ် ရှိသည်ဟု ဖြစ်လာပါသည်။

အပူပိုင်း အပူချိန်ကို သတ်မှတ်ရန် attribute high ၏ တန်ဖိုးကို 80 အဖြစ် သတ်မှတ်ပါမည်။ 80 (၎င်းသည် attribute high ၏ တန်ဖိုးဖြစ်သည်) မှ 100 (attribute max ၏ တန်ဖိုး) အထိ ကျွန်ုပ်တို့တွင် အမြင့်တန်ဖိုး နယ်ပယ် ရှိသည်ဟု ဖြစ်လာပါသည်။

ပုံမှန် အပူချိန်သည် 20 (၎င်းသည် attribute low ၏ တန်ဖိုးဖြစ်သည်) မှ 80 (attribute high ၏ တန်ဖိုး) အထိ ဖြစ်လိမ့်မည်။ ဤနယ်ပယ်ကို ပုံမှန်တန်ဖိုး နယ်ပယ် ဟု ခေါ်ဝေါ်ပါမည်။

ယခု၊ attribute value ၏ တန်ဖိုးသည် မည်သည့်နယ်ပယ်အတွင်းသို့ ကျရောက်သည်ကို မူတည်၍ အတန်းကို အစိမ်း (သို့) အဝါရောင် ဆေးခြယ်မည်။ ပုံမှန်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်ပါက အစိမ်းရောင် ဖြစ်ပြီး၊ အမြင့် (သို့) အနိမ့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်ပါက အဝါရောင် ဖြစ်မည်။

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အနိမ့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="10" min="0" low="20" high="80" max="100"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် ပုံမှန်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်မည်-

<meter value="50" min="0" low="20" high="80" max="100"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အမြင့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်မည်-

<meter value="90" min="0" low="20" high="80" max="100"></meter>

optimum attribute ကို ပေါင်းထည့်ခြင်း

optimum attribute သည် အကောင်းဆုံးတန်ဖိုးကို သတ်မှတ်ပေးသည်။ ကျွန်ုပ်တို့၏ ဥပမာအတွက် အကောင်းဆုံးအပူချိန်သည် အအေး၊ ပုံမှန် (သို့) အပူဖြစ်နိုင်သည်- ၎င်းမှာ သင့်အပေါ်မူတည်ပါသည်။ အကောင်းဆုံးအပူချိန်သည် အအေးပိုင်း ဖြစ်သည်ဟု သတ်မှတ်သည်ဟု ဆိုကြပါစို့။ ယခု၊ attribute value ၏ တန်ဖိုး (ဆိုလိုသည်မှာ လက်ရှိအပူချိန်) အပေါ်မူတည်၍ အတန်း၏ အရောင်သည် အစိမ်း၊ အဝါ (သို့) အနီရောင် ဖြစ်လာမည်။

လက်ရှိအပူချိန်သည် အကောင်းဆုံးအပူချိန် အတိုင်းအတာအတွင်းသို့ ကျရောက်ပါက (ကျွန်ုပ်တို့က အကောင်းဆုံးသည် အအေးပိုင်းဖြစ်သည်ဟု သတ်မှတ်ထားသည်)၊ အတန်းသည် အစိမ်းရောင် ဖြစ်လာမည်။ လက်ရှိအပူချိန်သည် အကောင်းဆုံးအတိုင်းအတာနှင့် ကပ်လျက်ရှိသော အတိုင်းအတာအတွင်းသို့ ကျရောက်ပါက (ကျွန်ုပ်တို့ဖြစ်ရပ်၌ ၎င်းသည် ပုံမှန်အပူချိန် ဖြစ်သည်)၊ အတန်းသည် အဝါရောင်သို့ ပြောင်းသွားမည်။ လက်ရှိအပူချိန်သည် အကောင်းဆုံးအတိုင်းအတာနှင့် ကပ်လျက်ရှိသော အတိုင်းအတာအတွင်းသို့ မကျရောက်ပါက (ကျွန်ုပ်တို့ဖြစ်ရပ်၌ ၎င်းသည် အပူပိုင်း အပူချိန် ဖြစ်သည်)၊ အတန်းသည် အနီရောင်သို့ ပြောင်းသွားမည်။

အပူပိုင်းကို အကောင်းဆုံးအပူချိန်အဖြစ် သတ်မှတ်ပါကလည်း အလားတူပင် ဖြစ်ပျက်မည်။ ဤဖြစ်ရပ်တွင်၊ လက်ရှိအပူချိန်သည် အပူပိုင်း အပူချိန်အတိုင်းအတာအတွင်းသို့ ကျရောက်ပါက အတန်းသည် အစိမ်းရောင် ဖြစ်မည်၊ ၎င်းသည် ပုံမှန်အတိုင်းအတာအတွင်းသို့ ကျရောက်ပါက အဝါရောင် ဖြစ်မည်၊ ၎င်းသည် အအေးပိုင်း အတိုင်းအတာအတွင်းသို့ ကျရောက်ပါက အနီရောင် ဖြစ်မည်။

အကောင်းဆုံးအပူချိန်ကို ပုံမှန်အဖြစ် သတ်မှတ်ပါက၊ အတန်းသည် အစိမ်းရောင် (လက်ရှိအပူချိန်သည် ပုံမှန်အတွင်း ရှိပါက) (သို့) အဝါရောင် (လက်ရှိအပူချိန်သည် ပုံမှန်အပူချိန်၏ ကပ်လျက်အတိုင်းအတာ၊ ဆိုလိုသည်မှာ အပူ (သို့) အအေး အတွင်း ရှိပါက) ဖြစ်နိုင်သည်။

မည်သည့်အတိုင်းအတာသည် အကောင်းဆုံးဖြစ်သည်ကို သတ်မှတ်ရန်၊ attribute optimum ၏ တန်ဖိုးအဖြစ် ထိုအတိုင်းအတာအတွင်းရှိ မည်သည့်နံပါတ်ကိုမဆို သတ်မှတ်ပါ။

အောက်ပါဥပမာများတွင်၊ attribute optimum ၏ တန်ဖိုးသည် အနိမ့်တန်ဖိုး နယ်ပယ် (ဆိုလိုသည်မှာ အအေးပိုင်း အပူချိန်များ) အတွင်းသို့ ကျရောက်သည်။

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အနိမ့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် ပုံမှန်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အမြင့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>

အောက်ပါဥပမာများတွင်၊ attribute optimum ၏ တန်ဖိုးသည် အမြင့်တန်ဖိုး နယ်ပယ် (ဆိုလိုသည်မှာ အပူပိုင်း အပူချိန်များ) အတွင်းသို့ ကျရောက်သည်။

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အနိမ့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် ပုံမှန်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အမြင့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>

အောက်ပါဥပမာများတွင်၊ attribute optimum ၏ တန်ဖိုးသည် ပုံမှန်တန်ဖိုး နယ်ပယ် (ဆိုလိုသည်မှာ ပုံမှန်အပူချိန်များ) အတွင်းသို့ ကျရောက်သည်။

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အနိမ့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် ပုံမှန်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>

ဥပမာ

Attribute value ၏ တန်ဖိုးသည် အမြင့်တန်ဖိုး နယ်ပယ် အတွင်းသို့ ကျရောက်သည်-

<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>

ဘရောက်ဆာအဟောင်းများ

ဘရောက်ဆာအဟောင်းများသည် meter tag ကို ကြည့်ကောင်းအောင် မပြနိုင်ဘဲ ၎င်းအစား tag ကိုယ်တိုင်၏ content ကို ပြသမည်-

<meter value="10" min="0" max="100">This text will appear in older browsers.</meter>

Attributes

Attribute များ၏ တန်ဖိုးသည် ကိန်းရှင် (သို့) အနုတ်ကိန်းတစ်ခု ဖြစ်နိုင်သည်။

Attribute	ဖော်ပြချက်
`value`	လက်ရှိတန်ဖိုးကို သတ်မှတ်ပေးသည်။ လိုအပ်သော attribute။
`min`	ဖြစ်နိုင်ချေအနိမ့်ဆုံးတန်ဖိုးကို သတ်မှတ်ပေးသည်။ ပုံသေ တန်ဖိုး- `0`။
`max`	ဖြစ်နိုင်ချေအမြင့်ဆုံးတန်ဖိုးကို သတ်မှတ်ပေးသည်။ ပုံသေ တန်ဖိုး- `1`။
`low`	အနိမ့်တန်ဖိုး နယ်ပယ်၏ နယ်နိမိတ်ကို သတ်မှတ်ပေးသည်။ အနိမ့်တန်ဖိုးများသည် attribute `min` ရှိ နံပါတ်မှ attribute `low` ရှိ နံပါတ်အထိ ဖြစ်လိမ့်မည်။
`high`	အမြင့်တန်ဖိုး နယ်ပယ်၏ နယ်နိမိတ်ကို သတ်မှတ်ပေးသည်။ အမြင့်တန်ဖိုးများသည် attribute `high` ရှိ နံပါတ်မှ attribute `max` ရှိ နံပါတ်အထိ ဖြစ်လိမ့်မည်။
`optimum`	အကောင်းဆုံးတန်ဖိုးများ၏ နယ်ပယ်ကို သတ်မှတ်ပေးသည်။

ဖတ်ရှုရန်

progress tag,
အရာသည် တင်ဆောင်မှုအတန်းတစ်ခ