Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để tạo thanh tiến trình trong HTML?

Sử dụng thẻ để tạo thanh tiến trình trong HTML. Thẻ HTML chỉ định tiến độ hoàn thành của một nhiệm vụ. Nó được hiển thị dưới dạng thanh tiến trình. Giá trị của thanh tiến trình có thể được thao tác bằng JavaScript.

Sau đây là các thuộc tính -

Thuộc tính
Giá trị
Mô tả
max Làm cách nào để tạo thanh tiến trình trong HTML?
max
Nó phải có giá trị lớn hơn 0 và một số dấu phẩy động hợp lệ
giá trị Làm cách nào để tạo thanh tiến trình trong HTML?
giá trị
Chỉ định mức độ hoàn thành của nhiệm vụ. Nó phải là một số dấu phẩy động giữa 0 và max hoặc 0 và 1 nếu max bị bỏ qua

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách tạo thanh tiến trình trong trang web - 

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Progress Tag</title>
   </head>
   <body>
      <h1>Loading</h1>
      <progress value = "65" max = "100"/>
   </body>
</html>