Changer les paramètres par défaut

Exemple de la barre sans javascript

Valeur en cours :  

50 %
50 %

Exemple de la barre sans javascript

Valeur en cours :  

50 %
50 %

Exemple de la barre sans javascript

Valeur en cours :  

 
 

Source

<script type="text/javascript" src="_js/jquery.progression.js"></script>
<script type="text/javascript">
	$.fn.progression.defaults.Current = 0
    $.fn.progression.defaults.Background = 'yellow';
    $.fn.progression.defaults.aBackground = '#FF0000';
    $.fn.progression.defaults.TextColor = 'red';
    $.fn.progression.defaults.aTextColor = 'blue';

	$(document).ready(function(){
		$('#progress1').progression();
		$('#progress2').progression({
			Current: 105,
			Maximum: 200
		});
		$('#progress3').progression({
			Current: 90,
			aBackground: '#00FF00',
			aBackgroundImg: '_img/progression/barre.png'
		});
	});
</script>

Code CSS

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

Code HTML

<div class="progressbar" id="progress1">50 %</div>
<div class="progressbar" id="progress2">50 %</div>
<div class="progressbar" id="progress3" style="font-weight:bold"> </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 !