HTML5 18 – Tạo progress bar trong HTML5

0
149

Bài 18 trong series học HTML5, chúng ta sẽ cùng đi tìm hiểu cách tạo thanh progress bar trong HTML5 với thẻ <progress>.

Thẻ <progress>

Sử dụng thẻ <progress> để tạo thanh biểu diễn trạng thái hoàn thành của tiến trình xử lý progress bar trong HTML5.

Thẻ <progress> cung cấp cách thức tạo thanh biểu diễn tiến trình xử lý, nó có thể sử dụng tại bất kỳ vị trí nào trong thẻ <body>.

Các thuộc tính trong thẻ <progress>

<progress> có 3 thuộc tính cơ bản:

  • value: giá trị đã hoàn thành
  • max: giá trị lớn nhất của thanh progress
  • min: giá trị nhỏ nhất của thanh

Ví dụ sử dụng thẻ <progress>

Kết luận

Nhu vậy tôi đã giúp các bạn thực hiện xong cách xây dựng thanh progress bar rồi, rất đơn giản và dễ dàng sử dụng đúng không. Hẹn gặp lại các bạn trong các bài tiếp theo.

Chúc các bạn học tập tốt!

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây