Cara Membuat Status Progress HTML5
Tag Progress digunakan untuk merepresentasikan progress dari sebuah task atau proses. Tag progress juga mendefinisikan berapa banyak tugas yang telah diselesaikan dan berapa banyak sisa download yang masih dalam proses. Tag ini tidak digunakan untuk merepresentasikan alokasi memori ataupun hal lain yang serupa dengan pengalokasian memori.
Sintak:
<progress> </progress>
Atribut:
tag <progress> terdiri dari dua atribut seperti yang diperlihatkan sebagai berikut;
Catatan: Tag ini digunakan pada konjungsi dengan JavaScript untuk menampilkan task progress. Tag ini tidak digunakan untuk tujuan pengukuran.
 |
| Ilustrasi Progress HTML5 |
Sebelum memahami lebih dalam materi tentang Cara Membuat Status Progress HTML5, terlebih dahulu pelajari materi tentang: Tag Header HTML5 dan Fungsinya [klik], Contoh Penggunaan Footer pada HTML [klik], dan Tag Figure pada HTML dan Fungsinya [klik].
<progress> </progress>
Atribut:
tag <progress> terdiri dari dua atribut seperti yang diperlihatkan sebagai berikut;
- max: Merepresentasikan total kerja yang telah diselesaikan untuk penyelesaian sebuah proses.
- value: Merepresentasikan jumlah proses yang telah diselesaikan.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
tag progress
</title>
</head>
<body>
<h1 style="color:green;">
blog ElfanMauludi
</h1>
Download progress:
<progress
value="57"
max="100">
</progress>
</body>
</html>
Output:
blog ElfanMauludi
Download progress:Referensi Tambahan:
- 3 Atribut Utama yang Digunakan pada Tag Fieldset HTML5 [klik]
- 258 Karakter Operator Matematika yang Digunakan pada HTML5 [klik]
- 7 Jenis Atribut Utama yang Digunakan pada Tag Video HTML5 [klik]
- 2 Nilai Utama yang Digunakan pada Atribut Translate HTML5 [klik]
- 6 Contoh Program Penggunaan Tag Audio HTML5 [klik]
- 2 Contoh Program Penggunaan Anotasi Ruby pada Tag RT HTML5 [klik]
- 2 Atribut Utama yang Digunakan pada Tag Ruby HTML5 [klik]
Artikel ini didedikasikan kepada: Meidito Dewa Saputra, Mohammad Kafabi Murtajaya, Naeli Nurul Amalia, Novi Wulandari, dan Posvita Kusumaning Tunjungsari.
Apa yang dimaksud dengan tag progress pada html?
BalasHapusTag < progress > pada HTML digunakan untuk menampilkan kemajuan suatu tugas atau perkembangan suatu tugas atau taks. Tag ini memberikan cara mudah bagia para pengembang web untuk membuat bilah kemajuan pada website. Tag ini juga sebagian besar digunakan untuk menunjukkan kemajuan peningkatan proses pengunggahan file pada halaman web.
HapusElemen progress merupakan elemen yang menampilkan indikator yang menunjukkan kemajuan penyelesaian suatu tugas, yang biasanya ditampilkan sebagai bilah kemajuan.
HapusApa perbedaan antara tag progress dan tag meter pada html?
BalasHapusElemen progress merupakan elemen yang mewakili kemajuan penyelesaian suatu penugasan. Sedangkan elemen meter merupakan elemen yang digunakan untuk pengukuran skala dalam rentang yang telah diketahui atau ditetapkan, dan biasanya dalam bentuk nilai pecahan.
Hapus