Элемент <meter> является новым в HTML 5. Он помогает быстро визуализировать данные, отображая проценты на датчике. Элемент можно связать с формой с помощью атрибута формы, и он наиболее полезен при отображении статистики или результатов тестов. Тег <meter> используется для визуального отображения числового значения в заданном диапазоне. Браузеры, поддерживающие этот тег, отрисовывают его в виде прогресс-бара, заполненного в зависимости от значения атрибута value и раскрашенного в системные цвета. Используйте <meter> с атрибутами min и max, чтобы отобразить оценку в пределах определённого диапазона. Оптимальный атрибут может использоваться для указания идеального или желаемого числа, такого как проходной балл в тесте, хотя это поддерживается не во всех браузерах.
<meter> տարրը նոր է HTML 5-ում: Այն օգնում է ձեզ արագ պատկերացնել տվյալները՝ ցույց տալով տոկոսները չափիչի վրա: Տարրը կարող է կապված լինել ֆորմայի հետ՝ օգտագործելով ֆորմայի հատկանիշը և առավել օգտակար է վիճակագրության կամ թեստի արդյունքների ցուցադրման ժամանակ: <meter> թեգը օգտագործվում է թվային արժեքի տեսողական ցուցադրման համար տվյալ տիրույթում: Բրաուզերները, որոնք աջակցում են այս թեգին, այն ներկայացնում են որպես առաջընթացի տող՝ լցված՝ կախված արժեքի հատկանիշի արժեքից և գունավորված համակարգի գույներով: Օգտագործեք <meter> min և max ատրիբուտներով միավորը որոշակի միջակայքում ցուցադրելու համար: Օպտիմալ հատկանիշը կարող է օգտագործվել իդեալական կամ ցանկալի թիվը նշելու համար, օրինակ՝ թեստի անցողիկ միավորը, թեև դա չի ապահովվում բոլոր բրաուզերներում:
See the Pen meter by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.
⇓Результат данного примера показан на рисунке⇓
⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓
| Browser | IE | Edge | Chrome | Firefox | Safari | Opera |
|---|---|---|---|---|---|---|
| Version | 11 | 18+ | 6+ | 16+ | 6+ | 11.5+ |