Diskon 80% terbatas! Masukkan kupon "merdeka" di kelas apa saja

skodev mascot typing keyboard

SKO.DEV

sekolah koding rasa baru

Postingan lainnya

Buku Ini Koding!

Baru!
foto buku programmer - ini koding

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

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 1 tahun 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 1 tahun yang lalu

Login untuk ikut Jawaban