Pagi semuanya kita lanjut lagi belajarnya, untuk kali ini saya akan memberikan sebuah tutorial sering kita gunakan dan sering kita liat juga yaitu sebuah progress bar dimana fungsi progress bar sendiri bisa di gunakan untuk sebuah efek ketika kita mengupload sebuah file, bahkan saat mendownload, oke jadi seperti apa cara membuat fungsi progress bar, simak terus ya teman-teman.

Bagi teman-teman yang pernah menggunakan sebuah bootstrap pasti pernah ya melihat sebuah tampilan progress bar tetapi bagaimana cara menggunakannya supaya menjadi dinamis, sesuai uploadan yang kita mau, tetapi untuk cara membuat fungsi progress bar saya menggunakan jquery saja jadi belum benar-benar kita mengupload sebuah file, karena jika masih offline proses upload mash sangat cepat, beda jika kita sudah online ya, oke langsung saja seperti yang tadi saya tulis di atas, saya menggunakan bootstrap karena sudah di sediakan.

silahkan teman-teman copy file di atas, cukup simple ya, jadi di dalam progressnya kita buat valunya min dan maxnya, jadi itulah yang kita atur, dan hasilnya akan seperti ini

cara membuat fungsi progress bar cara membuat fungsi progress bar cara membuat fungsi progress bar

Gambar di atas adalah proses ketika saya baru tekan start dan jika sudah 50% maka akan saya rubah warnanya hinga 100% oke seperti inilah cara membuat fungsi progress bar semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat