Guten Tag,
ich habe hier einen Ladebalken der seine Farbe verändert und zwar von rot nach grün. Ich will aber das es von grün nach rot wechselt. Könnte mir da einer helfen?
Hier mal der Code
ich habe hier einen Ladebalken der seine Farbe verändert und zwar von rot nach grün. Ich will aber das es von grün nach rot wechselt. Könnte mir da einer helfen?
Hier mal der Code
HTML:
<html>
<head>
<title></title>
<style type="text/css">
div#balken {
width: 150px;
border: 1px solid #000;
background: #c0c0c0;
height: 20px;
}
div#balken p {
height: 20px;
display: block;
background: #0f0;
margin: 0px;
}
div#balken span {
position: absolute;
margin: 0px 0px 0px 65px;
}
</style>
</head>
<body>
<div id="balken"><p style="width: 0%;"><span>0%</span></p></div>
<script type="text/javascript">
<!--
obalken = document.getElementById("balken").firstChild;
function progress(value)
{
if(value < 51)
obalken.style.background = 'r'+'gb(255, ' + Math.floor(value / 50 * 255) + ', 0)';
else
obalken.style.background = 'r'+'gb(' + Math.floor(255 - ((value - 50) / 50 * 255)) + ', 255, 0)';
obalken.firstChild.firstChild.nodeValue = obalken.style.width = value + "%";
}
countUpP = 0;
function countUp()
{
if(countUpP == 100) return;
progress(++countUpP);
window.setTimeout("countUp()", 100);
}
countUp();
// -->
</script>
</body>
</html>
Zuletzt bearbeitet:
