Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah label bar kemajuan html5?

Apakah label bar kemajuan html5?

青灯夜游
Lepaskan: 2021-12-15 17:30:20
asal
4281 orang telah melayarinya

Label bar kemajuan html5 ialah "". Teg kemajuan digunakan untuk menentukan kemajuan tugas yang sedang dijalankan, yang dipaparkan dalam bentuk bar kemajuan dalam penyemak imbas Sintaks ialah " ".

Apakah label bar kemajuan html5?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Label bar kemajuan html5 ialah "".

Teg kemajuan ialah teg baharu dalam HTML5 Ia digunakan untuk mentakrifkan kemajuan tugasan (proses) ia dipaparkan dalam bentuk bar kemajuan dalam penyemak imbas digunakan dengan JavaScript untuk mencapai kemajuan.

Teg kemajuan tidak digunakan untuk mewakili metrik (seperti penggunaan ruang cakera atau hasil pertanyaan yang berkaitan). Jika kita perlu mewakili berat dan sukatan, kita biasanya menggunakan tag meter.

Sintaks teg kemajuan

<progress value="进程的当前数值" max="需要完成的数值"></progress>
Salin selepas log masuk
  • maks: menentukan nilai yang perlu dilengkapkan; >

    nilai: menentukan nilai semasa proses;
  • Penjelasan:

Walaupun label kemajuan ialah label berganda, kandungan dalam label tidak dipaparkan.
  • Jika teg kemajuan tidak menetapkan sebarang atribut, penyemak imbas yang berbeza akan mempunyai kesan yang berbeza. Anda boleh mencubanya.
  • Contoh:


<!DOCTYPE html>
<html>
	<head>

		<meta charset="utf-8" />

		<title>html5中progress标签(进度条)的详细介绍</title>

	</head>

	<body style="background-color: bisque;">

		<h3>progress标签演示</h3>

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

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

		<progress value="10" max="200"></progress><br>

		<progress value="150" max="200"></progress><br>

	</body>
</html>
Salin selepas log masuk

Tutorial yang disyorkan: "Apakah label bar kemajuan html5?video html Tutorial

Atas ialah kandungan terperinci Apakah label bar kemajuan html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan