First, the depth of analysis HTML5 progress bar

Usually we think of HTML5 as a narrowHTML5, namely:HTML5New semantic tags, table elements, etc. In fact, the magical HTML5 is moreBroad-sense, namely: html5+ Css3+js. HTML5and not justHTMLA recent version of the markup language, and more importantly it has developedWebthe application development of a series of standards, the first to beWebas an application development platformHTMLlanguage. HTML5defines a range of new elements, such as new semantic tags, smart forms, multimedia tags, and more, to help developers create rich Internet applications, and to provide someJavascript API, such as geo-positioning, gravity sensing, hardware access, and evenCanvaswe can develop web-version games.

Let's give an example.

Example one: progress bar, label progress.

The first step:

Code:

Effect:

Step Two:

Code:

Add three attributes: Min min, max Max and current value

Effect:

Part III:

Often progress are dynamic, and it is clear that JavaScript is needed to make it dynamic.

Code:

Effect:

This allows for dynamic loading from 0 to 100.

First, the depth of analysis HTML5 progress bar