- HTML Tutorial
- HTML - Home
- HTML - Overview
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Comments
- HTML - Images
- HTML - Tables
- HTML - Lists
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Frames
- HTML - Iframes
- HTML - Blocks
- HTML - Backgrounds
- HTML - Colors
- HTML - Fonts
- HTML - Forms
- HTML - Embed Multimedia
- HTML - Marquees
- HTML - Header
- HTML - Style Sheet
- HTML - Javascript
- HTML - Layouts
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- HTML - Fonts Ref
- HTML - Events Ref
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
How to display completion progress of a task in HTML5?
Use the <progress> tag in HTML5 to display the completion progress of a task. This helps in creating a progress bar. The following are the attributes −
The HTML <progress> tag supports the following additional attributes −
| Attribute | Value | Description |
|---|---|---|
max  | Max | It should have a value greater than zero and a valid floating-point number. |
value  | value | Specifies how much of the task has been completed. It should be a floating-point number between 0 and max or 0 and 1 if max is omitted. |
Example
You can try to run the following code to create a progress bar −
<!DOCTYPE html> <html> <head> <title>HTML Progress Tag</title> </head> <body> <h2>Water Level</h2> <progress value = "60" max = "100"/> </body> </html>
- Related Articles
- How to display progress while loading a url to webview in android?
- How to display progress bar while loading a url to webView in Android?
- How to display ruby annotation in HTML5?
- How to display video control in HTML5?
- How to display a summary for a given in HTML5?
- How to display a SQL execution progress along with execution plan in Oracle?
- How to display progress dialog before starting an activity in Android?
- How to display text ruby annotation in HTML5?
- How to display incorrect content using HTML5?
- HTML5 file uploading with multiple progress bars
- How to create a Scheduled task with a task scheduler using PowerShell?
- How to display progress dialog before starting an activity in Android using Kotlin?
- How to start the specific task of the task scheduler using PowerShell?
- How to change progress bar progress color in Android?
- How to best display HTML5 geolocation accuracy on a Google Map?
Advertisements