progressBar bootstrap

Door gerrit van weele op 12-01-2017 20:02 gewijzigd op 12-01-2017 20:03

2.422 views

hallo,

Ik heb even een vraag ik ben een poll aan het maken in php en nu heb ik het ook zo gemaakt dat de beheerder de background color van de progressbar kan invullen bij de kleur #99ff00 dit kan bij elke vraag.

maar nu ben ik bezig in de html van de pagina :


<div class="box box-solid">
                <div class="box-header with-border">
                  <h3 class="box-title">Progress bars</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <div class="progress">
                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                      <span class="sr-only">40% Complete (success)</span>
                    </div>
                  </div>
</div><!-- /.box-body -->
              </div>

dit is zeg maar de bootstrap html maar waar kan ik de kleur zetten want bootstrap gebruikt alleen maar bar-green of bar-geel

hopelijk begrijpen jullie wat ik bedoel. dus waar zet ik {my-color}

Gerrit

- Ariën -

12-01-2017 20:06

Als je jouw eigen kleur wilt maken, dan kan je deze waarschijnlijk met background-color:#99ff00" dit voor elkaar krijgen. Of je moet de css van de bootstrap aanpassen, maar dat is weer lastig met updates. Persoonlijk ben ik niet zo van deze statische onzin in eigen classes.

Frank Nietbelangrijk

12-01-2017 20:33

Je kunt gewoon CSS invoegen in de <head> gedeelte van je webpagina:

[code]
<style>
.progress-bar-green {
background-image: none !important;
background-color: <?php echo $progressbarColor; ?> !important;
}
</style>

g gerrit van weele

13-01-2017 15:48

hallo,

Bedankt voor de tips ik ga er mee aan de slag

Reageren

Inloggen om te reageren