HTML Progress TagHTML <progress> tag is used to display the progress of a task. It provides an easy way for web developers to create progress bar on the website. It is mostly used to show the progress of a file uploading on the web page. The HTML progress tag is new in HTML5 so you must use new browsers. Attributes of HTML Progress TagHTML <progress> tag supports the global and event attributes as well as 2 specific attributes.
The progress tag should be used to represent progress of a task only, not for just a gauge (disk pace usage). For such purpose, <meter> element is used.HTML Progress Tag ExampleLet's see HTML progress example without attribute. Test it NowOutput: Let's see the progress example with value and max attributes. Test it NowOutput: Downloading progress:Styling Progress BarYou can apply CSS code on progress tag. Test it NowOutput: HTML Progress Tag with JavaScriptThe <progress> tag should be used in conjunction with JavaScript to display the progress of a task. Test it NowOutput: Supporting Browsers
Next TopicHTML quotes Tag |
We provides tutorials and interview questions of all technology like java tutorial, android, java frameworks
G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India