Ich möchte eine Hintergrundgrafik SVG 400x400 Bildgröße frei skalierbar auf einem Steuerelemente darstellen. Das besagte Element ist ein Range-Inputfeld ( diese Schieberegler ). Dieses Feld lässt sich frei mit CSS gestalten, so dass es auf unterschiedlichen Plattformen möglichst gleich aussieht.
Im speziellen Fall hab ich vor einen "Ladezustand" darzustellen indem ich den Hintergrund gestalte per Background-Image mit einem SVG.
Ich habe dabei folgendes Problem. Das Bild ( SVG ) soll in der Höhe automatisch skalieren aber in der Breite nur Prozentual, sodass man durch die Steuerung der %-Breite immer einen Ladezustand darstellen kann. Kongret soll hier der Ladezustand einer MP3 mit Javascript ermittelt werden. Der JS-Teil ist allerding nicht das Problem sondern die Darstellung per CSS.
Kommt jemand mit so einer Anforderung zurecht und hat Lösungsansätze oder evtl Beispiele wo ähnliches umgesetzt wurde?
Mit 2 Div-Elemente kann man diese Anzeige auch erreichen aber eben nicht mit einem wie bei dem Range-Imput-Feld
Im speziellen Fall hab ich vor einen "Ladezustand" darzustellen indem ich den Hintergrund gestalte per Background-Image mit einem SVG.
Ich habe dabei folgendes Problem. Das Bild ( SVG ) soll in der Höhe automatisch skalieren aber in der Breite nur Prozentual, sodass man durch die Steuerung der %-Breite immer einen Ladezustand darstellen kann. Kongret soll hier der Ladezustand einer MP3 mit Javascript ermittelt werden. Der JS-Teil ist allerding nicht das Problem sondern die Darstellung per CSS.
Kommt jemand mit so einer Anforderung zurecht und hat Lösungsansätze oder evtl Beispiele wo ähnliches umgesetzt wurde?
Mit 2 Div-Elemente kann man diese Anzeige auch erreichen aber eben nicht mit einem wie bei dem Range-Imput-Feld
Kommentar