Не все браузеры опознают тег . Однако проблема легко решается построением собственной шкалы с использованием jQuery и информации, встроенной в элемент . Для этого мы создадим новый файл javascripts/fallback.js, в котором будет храниться наше решение JavaScript. jQuery и этот файл следует загрузить в конце страницы.

Сначала, чтобы проверить поддержку элемента браузером, мы создаем элемент и проверяем, определен ли для него атрибут max. Если атрибут не определен, можно сделать вывод, что браузер не понял тег и не смог интерпретировать нашу разметку. Проверка реализуется функцией с именем noMeterSupport():

html5_meter/javascripts/fallback.js

var noMeterSupport = function(){

return(document.createElement('meter').max === undefined);

}

Затем мы используем jQuery для извлечения данных и построения шкалы при отсутствии поддержки .