HTML 5 +進捗要素チェック？

Question

これは非常に基本的かもしれませんが、可能ではありませんが、それは私を示唆しており、尋ねる価値があります。 html 5 progress要素がブラウザでサポートされているかどうかを確認する方法はありますか？

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

Answer 1

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

ニース1つのライナー：

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

それとも、本当にグローバルを使用しない場合：

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