HTML progress tag
- 24-07-2022
- Trung Minh
- 0 Comments
The progress tag will show the progress of a task.
The progress tag will display a progress bar to the user's browser.
When you need to show an ongoing process, such as downloading a certain file or the progress of a project, the progress tag will be a great choice for you instead of dry numbers, it will help your website more eye-catching and professional.
Using
For example , use the progress tag to show the progress of the website you're building for a client.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h2>Tiến độ hoàn thiện các website</h2> <li> freetuts.net:<progress value="78" max="100"></progress> </li> <li> google.com:<progress value="60" max="100"></progress> </li> <li> facebook.com:<progress value="25" max="100"></progress> </li> </body> </html>