Changer les paramètres par défaut
Exemple de la barre sans javascript
Valeur en cours :
Exemple de la barre sans javascript
Valeur en cours :
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
Bien sympathique tout ça, et marche à merveille...
Manquerait pitetre une option pour ne pas afficher de teste dans la barre.
Mais beau boulot !