Progress Bar Widget memungkinkan anda untuk membuat animasi progres dalam website anda. Sesuai namanya, progress bar biasanya digunakan untuk menampilkan persentase suatu proses. Anda bisa menyesuaikan isi dan tampilannya sesuai kebutuhan. Gambar dibawah merupakan conton penggunaan progress bar.
Mari kita bahas bagaimana pengaturan isi dan tampilannya.
Content
Progress Bar
- Title: Isi judul progress bar anda disini
- Title HTML Tag: Tentukan tag HTML untuk judul. Ini akan berpengaruh pada SEO
- Type: Pilih tampilan dasar untuk progress bar. Terdapat pilihan default, Info, Success, Warning, dan Danger
- Percentage: Tentukan berapa persen progress bar terisi
- Display Percentage: Tampilkan atau sembunyikan simbol persen “%” pada progress bar
- Inner Text: Masukkan teks penjelas dalam progress bar
Style
Progress Bar
- Color: Pilih warna untuk isi progress bar
- Background Color: Pilih warna untuk sisa bar yang tidak terisi
- Height: Tentukan tinggi progress bar
- Border Radius: Atur ukuran sudut progress bar. Semakin besar akan semakin tumpul dan melingkar
Inner Text
- Color: Pilih warna teks dalam progress bar
- Typography: Atur tipografi teks progress bar
- Text Shadow: Beri efek bayangan pada teks dalam progress bar
Title Style
- Text Color: Pilih warna judul progress bar
- Typography: Atur tipografi judul progress bar
- Text Shadow: Beri efek bayangan pada judul progress bar