[ a zo zo @ 22.03.2011. 11:50 ] @
Kako da dodam prost skript za progres bar (sa procentima)?

Npr, Perica je nasao 2, npr. bombone od 100 bombona, pa je nasao 4, pa 5, pa 16... Treba da bar bude popunjen plavom bojom svaki put kad se skupi vise, s tim da je na baru oznaceno 10, 20, 30, ..., 100.

Hvala svima koji odgovore!
[ Br@nkoR @ 22.03.2011. 12:06 ] @
Menjaj veličinu (width/height) nekog elementa (npr div-a) u zavisnosti od maksimalne i definisane vrednosti.
[ Aleksandar Ružičić @ 22.03.2011. 12:45 ] @
evo potrebnog markupa i css-a za ovaj Brankov predlog:
Code (html):

<div class="progress-bar"><div></div></div>
 

Code:

.progress-bar {
   width: 200px;
   height: 30px;
   border: 1px solid #000;
   position: relative;
}

.progress-bar div {
   width: 0;
   height: 100%;
   background: #335780;
}


i onda samo podesavas width (u procentima) .progress-bar div elementu.

evo zakacio sam ti i primer uz poruku koji koristi jquery da animira progress bar..
[ a zo zo @ 22.03.2011. 14:56 ] @
Vama puno hvala, iskombinovacu nesto s ovim, mozda nadjem i nesto jos.
Pozdrav!