24. november 2010 - 09:41Der er
8 kommentarer og 2 løsninger
Bestemme baggrundsstørrelsen?
Hej derude
Jeg sidder og roder lidt med en såkaldt progressbar, der skal vise ens fremskridt. Ideen er at den skal strække et billede der går fra grøn til rød (så når den er 89% er den op i det røde mens den ved 15% er i det grønne), jeg har læst lidt og har fundet frem til background-size der skulle kunne netop det jeg søger, men det ser ud som om den ikke er understøttet endnu?
Er der andre måder at gøre det på, hvis ikke hvornår forventes background-size så at blive understøttet? (hvis der er nogen der ved det naturligvis).
en div med den baggrund (grøn->rød) og så en div inden i med hvid baggrund (eller den farve der passer til sidens øvrige farver) som er alignet right og bliver mindre og mindre jo større fremskridtet bliver.
så bliver billedet ikke presset sammen og du vil ikke få det røde med før den når op i de høje tal.
Mange tak :) Men tror desværre ikke det kan bruges, ideen er nemlig at progressbaren ikke altid har den samme længde, den er sat til 100% af den indholdsboks den nu bliver sat i det var derfor jeg ville gøre det med background-size (min fejl at jeg ikke forklarede det i spørgsmålet) :)
Det splazz nævner vil typisk være løsningen. Og så enten ved at have det som baggrund eller som et billede. Du kan sætte billedet til 100% width og så bruge z-index til at have en anden div ovenpå med hvid baggrund eks, der også angives i procenter. Den procentsats vil så være hvor langt processen er nået. Baren vil være samme længde, men det vil give en effekt af, at den skifter længde efterhånden som processen skrider frem.
Ja okay det er mig der er dum, havde ikke overvejet muligheden for bare at smide baren som billede =) Mange tak for at åbne mine øjne begge to, svar? =)
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
