Polyfill For HTML5 Progress Element

As user interface element, progress bar count as common uses. In HTML5 world Polyfill is a script for HTML5 progress element to display progress bar in websites or web applications. It use progress element which is natively supported by major modern browser. A progress bar is a component in a graphical user interface used to convey the progress of a task, such as a download or file transfer. The progress bar for HTML5 is designed to simply display the current % complete for a process in lightweight --much better than using flash. The progress element is natively supported in: Firefox 6+, Opera 11+, Chrome, Safari 5.1

Polyfill For HTML5 Progress Element Preview

Polyfill For HTML5 Progress Element Implementation

To implement polyfill is pretty simple, just add progress-polyfill.css in the head section and progress-polyfill.js near the body closing tag.

Features

• Accessible (WAI-ARIA-enabled)
• Supports getting (and setting, when allowed by the spec) all the IDL attributes defined in the specification (value, max, position, labels), through ES5 getters and setters
• Supoorts setting both max and value attributes, through mutation events
• Will fix new progress elements as well, through mutation events
• No extra HTML elements needed and none added through script

Requirements: Firefox 6+, Opera 11+, Chrome, Safari 5.1
Demo: http://leaverou.me/polyfills/progress
License: Other License