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

尼斯一個班輪：

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

或者，如果你真的不想使用全局：

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