Changer les paramètres par défaut

Démonstration

Valeur en cours :

Exemple de la barre sans javascript
50 %
50 %
 

Valeur en cours :

Exemple de la barre sans javascript
50 %
50 %
 

Valeur en cours :

Exemple de la barre sans javascript
 
 

Source

Code Javascript
<script type="text/javascript" src="/js/jquery.progression.1.3.js"></script>
<script type="text/javascript"> 
    jQuery.fn.progression.defaults.Current = 0 
    jQuery.fn.progression.defaults.Background = 'yellow'; 
    jQuery.fn.progression.defaults.aBackground = '#FF0000'; 
    jQuery.fn.progression.defaults.TextColor = 'red'; 
    jQuery.fn.progression.defaults.aTextColor = 'blue'; 
 
    jQuery(document).ready(function(){ 
        jQuery('#progress1').progression(); 
        jQuery('#progress2').progression({ 
            Current: 105, 
            Maximum: 200 
        }); 
        jQuery('#progress3').progression({ 
            Current: 90, 
            aBackground: '#00FF00', 
            aBackgroundImg: '/img/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>