Einzelnen Beitrag anzeigen
Ungelesen 10.03.15, 09:19   #1
HammerRei
abused
 
Benutzerbild von HammerRei
 
Registriert seit: Jul 2010
Beiträge: 284
Bedankt: 108
HammerRei ist noch neu hier! | 0 Respekt Punkte
Standard CSS dynamischer Fortschrittsbalken

Hallo zusammen:
Ich benötige kurz Hilfe in HTML->CSS (JS*****)

Ich muss einen Wert an mein CSS-File "übergeben",
sodass letzten Endes ein Fortschrittsbalken erzeugt wird.

Die Werte, die als HTML erzeugt werden sind Double, die anschließend gerundet werden.
Beispiele:
0,01
0,73
1,12

Diese sollen zusätzlich mit einer Prozentzahl (1 entspricht 100%) angezeigt werden.
Der Fortschritt wird in div.fortschritt mit width:xyz% erzeugt.

Code:
/* Fortschrittsbalken */
div.balken {
        border:1px solid #000;
        background-color:white;
        width:90%;
        height:15px;
        padding:1px;
		margin-left : 3px;
    }

div.fortschritt {
        background-color : #428bca;
        height:100%;
        width:45%; /* Fortschritt */
    }
Danke im Voraus
__________________
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]
HammerRei ist offline   Mit Zitat antworten