masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > teks badan

Apakah label bar kemajuan html5?

青灯夜游
Lepaskan： 2021-12-15 17:30:20
asal
4272 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：
html5 progress 进度条
sumber：php.cn
Artikel sebelumnya：Apakah peraturan tatabahasa css3 terdiri daripada? Artikel seterusnya：Apakah teg struktur baharu yang ditambahkan dalam html5
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
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan