<meter> в Firefox 2

Сделайте веб-страницу с элементом <meter>, которая в Firefox выглядит следующим образом (рис. 1).

Вид meter в Firefox

Рис. 1. Вид <meter> в Firefox

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>meter</title> <style> meter { width: 100%; /* Ширина */ height: 40px; /* Высота */ background: #e0e0e0; /* Цвет фона */ border-radius: 20px; /* Радиус скругления */ box-sizing: border-box; /* Размеры не учитывают рамку */ border: 4px solid #fff; /* Параметры рамки */ outline: 2px solid #3bb4c9; /* Параметры контура */ } meter::-moz-meter-bar { background: #3bb4c9; /* Цвет фона */ } </style> </head> <body> <meter min="0" max="100" value="70"></meter> </body> </html>
Эта самостоятельная связана со следующим уроком: Стилизация <meter> для Firefox