Processbar Wo ist der Denkfehler

P

Phantom6208

Ich wollte hier eine einfache ladeleste erstellen aber irgendwie hat das nicht funktionnert :D
Wo ist mein Denkfehler ? Danke Für alle hilfe :D
 

Anhänge

  • Procressbar.zip
    32,8 KB · Aufrufe: 9
Hi

solche kleinen Codes könntest du wirklich direkt hier posten (Codetags verwenden).
Mach bei width im animate keine Seltsamkeiten mit Anführungszeichen.
Einfach
Code:
width: laenge+"px"
reicht.

PS: JQuery
 
Juhu ******************! Das WAHR ES :D DANKE sheel :D :D :D

Für leute die auch ne Processbar gebrauchen könten : (ich habe noch n bischen gemacht)
index.php :
Code:
<!DOCTYPE html>
<head>
	<link rel="stylesheet" href="style.css">
	<script src="jquary.js"></script>
	<title>Progressbar</title>
</head>
<body>
<div id="Progressbar"><div id="Balken" style="width: 0px;"> </div></div>
<button id="Laden">Laden</button>
<script>
	var height = 18;
	var laenge = 0;
	var Prlaenge = 150;
	Prlaenge -= 2;
	$('document').ready(function() {
		$('#Laden').on('click', function() {
			laenge = laenge + 5;
			if(laenge > Prlaenge){laenge = Prlaenge;}
			$('#Balken').animate({height:height+"px",width: laenge+"px"}, 0);
			
		});
	});
</script>
</body>

style.css :
Code:
#Progressbar {
	width: 150px;
	height: 20px;
	border: 1px solid black;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#Balken {
	background-color: red;
	height: 18px;
	padding: 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

die jquary.js könnt ihr euch auf http://code.jquery.com/jquery-1.10.2.min.js downloaden (einfach aus dem fenster Kopieren)
 

Neue Beiträge

Zurück