Sprawdzanie elementu HTML 5 + Postęp?

Question

To może być bardzo proste, albo niemożliwe, ale to jest dla mnie aluzją i warte pytania. Czy istnieje sposób sprawdzenia, czy element postępu HTML 5 jest obsługiwany w przeglądarce?

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

Answer 1

Kolejny oneliner, pobrany z Modernizr:

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

Answer 2

Tworzenie elementu progress i sprawdzić atrybutu max:

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

Answer 3

Nice one liner:

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

A jeśli naprawdę nie chcesz korzystać z globalnym:

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