Utilisation avec Easing Plugin

Exemple de la barre sans javascript

Valeur en cours :  

75 %
75 %

Source

<script type="text/javascript" src="_js/jquery.easing.js"></script>
<script type="text/javascript" src="_js/jquery.progression.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.progressbar').progression({
			Easing: 'easeOutBounce',
			Current: 75
		});
	});
</script>

Code CSS

.progressbar {
	border:1px solid #000000;
	width: 200px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

Code HTML

<div class="progressbar">75 %</div>

Commentaires

Hello,

Bien sympathique tout ça, et marche à merveille...

Manquerait pitetre une option pour ne pas afficher de teste dans la barre.

Mais beau boulot !
ImoTh3P - 13/07/2008 à 01h48