progress tag in html5
Attributes of progress tag
Value:
Valid Float number indicating amount of process completion, this should be less than or equal to Maximum value. If Maximum value is not there then it should be less than or equal to 1.0 , if the value is given as 0.2 then it is treated as 20 % completion.Max:
Amount of total process completion. This should be more than or equal to value attribute. If the max value is only there without any value attribute then progress is shown as indeterminateExamples of Progress tag
Here are some examples with different combination of attributes.<progress value="25" max="100">25%</progress><progress value="50" max="100">50%</progress><progress value="100" max="100">100%</progress><progress max="100">100%</progress><progress value="1.0">50%</progress>Uses of Progress tag
More practical uses of progress tag is when it is used along with JavaScript. It can be connected to background processing like records updated, file uploaded or downloaded etc .how Progress bar is managed by JavaScript button Click event
PHP & Ajax is used to update value of a progress bar
HTML Font style by CSS Managing font size and style
This article is written by plus2net.com team.
| Md Shahab Alam | 06-06-2016 |
| Thanks Sir,Your Tutorial is very usefull | |