Pinned

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.

2 Atribut Utama Tag Progress pada HTML5
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].

Sintak:
<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.

Catatan: Tag ini digunakan pada konjungsi dengan JavaScript untuk menampilkan task progressTag ini tidak digunakan untuk tujuan pengukuran.

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: 

Artikel ini didedikasikan kepada: Meidito Dewa Saputra, Mohammad Kafabi Murtajaya, Naeli Nurul Amalia, Novi Wulandari, dan Posvita Kusumaning Tunjungsari.

5 komentar:

  1. Apa yang dimaksud dengan tag progress pada html?

    BalasHapus
    Balasan
    1. Tag < 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.

      Hapus
    2. Elemen progress merupakan elemen yang menampilkan indikator yang menunjukkan kemajuan penyelesaian suatu tugas, yang biasanya ditampilkan sebagai bilah kemajuan.

      Hapus
  2. Apa perbedaan antara tag progress dan tag meter pada html?

    BalasHapus
    Balasan
    1. Elemen 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

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things come from small things -