This might be very basic, or not possible, but it's alluding me and worth asking. Is there a way to check if the html 5 progress element is supported in a browser?

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

This might be very basic, or not possible, but it's alluding me and worth asking. Is there a way to check if the html 5 progress element is supported in a browser?

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

• javascript
• html

3 Answers 3

Another oneliner, taken from Modernizr:

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

Create a progress element and check for the max attribute:

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

Nice one liner:

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

Or if you really don't want to use a global:

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