myGully.com Boerse.SH - BOERSE.AM - BOERSE.IO - BOERSE.IM Boerse.BZ .TO Nachfolger
Zurück   myGully.com > Webmaster Talk > Entwicklung & Programmierung
Seite neu laden

CSS dynamischer Fortschrittsbalken

Willkommen

myGully

Links

Forum

 
Antwort
Themen-Optionen Ansicht
Ungelesen 10.03.15, 09:19   #1
HammerRei
abused
 
Benutzerbild von HammerRei
 
Registriert seit: Jul 2010
Beiträge: 289
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
Antwort


Forumregeln
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren

BB code is An
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 02:36 Uhr.


Sitemap

().