HTML 5 + Fortschrittselementprüfung?

Question

Dies könnte sehr einfach oder nicht möglich sein, aber es spielt auf mich an und lohnt sich zu fragen. Gibt es eine Möglichkeit zu überprüfen, ob das HTML-Fortschrittselement in einem Browser unterstützt wird?

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

Answer 1

Ein weiterer Oneliner, aus Modernizr:

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

Answer 2

erstellen progress Element und prüfen, ob das max Attribut:

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

Answer 3

Nizza Motto:

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

Oder wenn Sie wirklich nicht wollen, eine globale verwenden:

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