Элемент <meter> применяется для визуального представления числа в заданном диапазоне. <meter> прекрасно стилизуется, хотя браузеры используют для этой цели свои специфические наборы псевдоэлементов. На мой взгляд, <meter> используют необоснованно редко, хотя это простой, наглядный и легко стилизуемый элемент.
![Стилизация элемента meter](https://webref.ru/assets/images/individual/meter-firefox.png)
На webref.ru вышел курс посвящённый стилизации <meter>. В нём рассматривается как его использовать, как стилизовать под Firefox, Chrome и другие браузеры. Чем хорош <meter>, так это тем, что на нём можно отработать практически все приёмы вёрстки. Поэтому рассмотрены следующие темы:
- градиенты;
- тени;
- трансформация;
- вывод атрибутов.
К каждому уроку приводятся задания на закрепление материала и задачи для самостоятельного решения. В конце курса можно пройти финальную викторину.