HTML5 status Labels and progress labels

<meter> Status label (real-time status display: barometric pressure, air temperature)
<progress> Progress Tab (Task process: Install, load)

<meter value= "min=" 0 "max=" "low=" "high=" ></meter>
Value indicates current values
Min indicates minimum value
Max represents the maximum value
Low indicates minimum alert value
High indicates maximum alert value

A value below low or greater than high will show yellow.

<progress max= "value=" 0 "id=" Pro "></progress>
Max Maximum Value

Value Current values

JavaScript Script Simulation progress bar

<script type= "Text/javascript" >
var pro = document.getElementById ("Pro");
SetInterval (function () {
Pro.value +=1;
},100);

</script>

HTML5 status Labels and progress labels