Statische 'progressbar' tekenen

Door Jan H op 19-01-2009 12:50

1.349 views

Hey,

Ik zoek een goede manier om allerlei progressbar's te tekenen. Een voorbeeld:
http://img132.imageshack.us/my.php?image=afbeelding1vn2.png

Hoe zou ik dit het beste doen? Telkens door php een image genereren, of bestaan hier handig stukje javascript voor?

Alvast bedankt voor de raad

mvg
Jan

- SanThe -

19-01-2009 12:55

Plaatje 1px breed maken en width meegeven van de juiste maat.

Arjan Kapteijn

19-01-2009 13:26

Ik zou het zonder plaatjes doen, kan prima met CSS..


#voortgang {
    border: 1px solid #00447b;
    height: 15px;
    width: 100%;
}

#balk {
    height: 100%;
    background-color: #f18e00;
}

Waarbij je de balk vervolgens een extra width (in percentages) meegeeft. Krijg je zoiets.

Reageren

Inloggen om te reageren