Khái niệm

Tag <progress> được sử dụng để hiển thị tiến trình hoặc phần trăm hoàn thành của một tác vụ nào đó.

Nó rất hữu ích khi bạn muốn hiển thị tiến độ của một quá trình đang diễn ra, chẳng hạn như tải xuống tệp tin, tải trang web, hoặc tiến trình của một trò chơi.

Cách sử dụng

Cú pháp

<progress value="giá_trị" max="giá_trị_tối_đa"></progress>

Trong đó:

• value là giá trị hiện tại của tiến trình. Nó phải nằm trong khoảng giá trị từ 0 đến max.
• max là giá trị tối đa của tiến trình. Nó xác định phần trăm hoàn thành của tiến trình.

Ví dụ

<progress value="50" max="100"></progress>

Kết quả:

Trong ví dụ này, giá trị hiện tại của tiến trình là 50 và giá trị tối đa là 100. Điều này có nghĩa là tác vụ đã hoàn thành 50%.