skodev mascot typing keyboard

SKO.DEV

sekolah koding rasa baru
icon gambar buku BELAJAR icon gambar pohon KOMUNITAS icon gambar buku ARTIKEL icon gambar masuk MASUK

Postingan lainnya

Kelas Premium!
Belajar bikin website dari nol sekarang

cover kelas HTML dan CSS

Gunakan kupon "lebihcepat" untuk diskon 25%!

Bagaimana Membuat Progress Bar pada HTML

saya mempunyai sebuah views untuk mengubah sebuah progress bar sesuai dari persentase form yang dimasukkan mis: saya memasukkan nilai 25% maka progress bar akan berubah sesuai progress bar yang ada, saya membutuhkan kode script untuk menjalankan kode tersebut

<div class="flex flex-auto dropdown-center">

                                            &lt;div class=&quot;pb-1&quot;&gt;
                                                &lt;select class=&quot;form-select form-select-sm&quot; type=&quot;button&quot;
                                                    aria-expanded=&quot;false&quot; name=&quot;status&quot; id=&quot;status&quot;&gt;


                                                    &lt;option onclick=&quot;status(0)&quot; id=&quot;status0%&quot; name=&quot;status0%&quot;
                                                        value=&quot;&quot;&gt;0%
                                                    &lt;/option&gt;

                                                    &lt;option onclick=&quot;status(25)&quot; id=&quot;status25%&quot; name=&quot;status25%&quot;
                                                        value=&quot;&quot;&gt;25%
                                                    &lt;/option&gt;

                                                    &lt;option onclick=&quot;status(50)&quot; id=&quot;status50%&quot; name=&quot;status50%&quot;
                                                        value=&quot;&quot;&gt;50%
                                                    &lt;/option&gt;

                                                    &lt;option onclick=&quot;status(75)&quot; id=&quot;status75%&quot; name=&quot;status75%&quot;
                                                        value=&quot;&quot;&gt;75%
                                                    &lt;/option&gt;

                                                    &lt;option onclick=&quot;status(100)&quot; id=&quot;status100%&quot; name=&quot;status100%&quot;
                                                        value=&quot;&quot;&gt;100%
                                                    &lt;/option&gt;
                                                &lt;/select&gt;
                                            &lt;/div&gt;

<div class="progress" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" name="progress" id="progress">

                                                &lt;div id=&quot;progress(0)&quot; class=&quot;progress-bar&quot; style=&quot;width: 0%&quot;&gt;&lt;/div&gt;

                                                &lt;div id=&quot;progress(25)&quot; class=&quot;progress-bar bg-danger &quot;
                                                    style=&quot;width: 25%&quot;&gt;&lt;/div&gt;

                                                &lt;div id=&quot;progress(50)&quot; class=&quot;progress-bar bg-warning&quot;
                                                    style=&quot;width: 50%&quot;&gt;&lt;/div&gt;

                                                &lt;div id=&quot;progress(75)&quot; class=&quot;progress-bar bg-info&quot;
                                                    style=&quot;width: 75%&quot;&gt;&lt;/div&gt;

                                                &lt;div id=&quot;progress(100)&quot; class=&quot;progress-bar bg-success&quot;
                                                    style=&quot;width: 100%&quot;&gt;&lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
laravel html
avatar muhhusnulz
@muhhusnulz

1 Kontribusi 0 Poin

Diperbarui 8 bulan yang lalu

Tanggapan

coba dirapikan ya saat paste kode agar mudah dibaca

1 Jawaban:

coba pake tag progress di HTML bang lebih simple, disini

avatar rifkifhrzii_google
@rifkifhrzii_google

1 Kontribusi 1 Poin

Dipost 8 bulan yang lalu

Login untuk ikut Jawaban