HTML 5 + Проверка элемента прогресса?

Question

Это может быть очень просто или не возможно, но это намекает на меня и стоит спросить. Есть ли способ проверить, поддерживается ли элемент прогресса html 5 в браузере?

var progress = document.createElement('progress'); 

Answer 1

Другой oneliner, взятый из Modernizr:

//returns true if progress is enabled 
var supportsProgress = (document.createElement('progress').max !== undefined); 

Answer 2

Создать progress элемент и проверьте max атрибута:

function progressIsSupported() { 
    var test = document.createElement('progress'); 
    return (
     typeof test === 'object' && 
     'max' in test 
    ); 
} 

Answer 3

Nice один лайнер:

function supportsProgress() { 
    return (t = document.createElement("progress")) && t.hasOwnProperty("max"); 
} 

Или, если вы действительно не хотите использовать глобальные:

function supportsProgress() { 
    var t = document.createElement("progress"); 
    return t && t.hasOwnProperty("max"); 
}