Cara Membuat Progress Bar Pada Storage Firebase

Bagian selanjutnya kita akan memberikan sistem progress bar pada saat gambar sedang diupload. Berarti kita harus mendeteksi pergerakkan yang terjadi. Jadi ketika kalian jalankan method put sebenarnya fungsi ini mengembalikan sebuah task

Nanti task ini akan mendeteksi melalui event on state_changed artinya kalo terjadi perubahan dari tasknya lakukan 3 function callback 

pertama function ketika sedang mengupload, kedua ketika ada kesalahan dan ketiga ketika uploadnya sudah completed. Tiga method tersebut akan dibuat satu persatu. untuk yang function loadUpload dulu dimana dia terima sebuah parameter data

Yakni info data yang sedang diupload. Dibagian fungsi ini kita bisa menghitung persennya. Rumusnya dari jumlah data yang ditransfer dibagi dengan data total bytes

Hasil baginya kita kalikan dengan 100 supaya dapat hasil percentase. Tentu detailnya teman teman bisa lihat didokumentasinya. Nanti progress value-nya akan berubah berdasarkan percentasenya

Selanjutnya bila ada error lakukan fungsi errorUpload kita sekedar console errornya 

dan satu lagi kalo completed success sama seperti yang lain console log text success

Kalo sudah kita simpan perubahan dari semua kodenya. Masih belum ada perubahan untuk progress barnya 

Tapi pada saat saya pilih choose file masukkan gambar lalu upload. maka progress barnya sudah berhasil dijalankan. Progress valuenya juga sudah 100% dan gambar pun sudah masuk di firebase storage

Semoga bermanfaat dan Terima kasih