myGully.com

myGully.com (https://mygully.com/index.php)
-   Entwicklung & Programmierung (https://mygully.com/forumdisplay.php?f=72)
-   -   CSS dynamischer Fortschrittsbalken (https://mygully.com/showthread.php?t=3689590)

HammerRei 10.03.15 09:19

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


Alle Zeitangaben in WEZ +1. Es ist jetzt 06:11 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.