Utilisation avec Metadata

Utilisation avec Metadata

Démonstration

Valeur en cours :	Exemple de la barre sans javascript
75 %	75 %

Valeur en cours :	Exemple de la barre sans javascript
60 %	60 %

Source

Code Javascript

<script type="text/javascript" src="/js/jquery.metadata.min.js"></script> 
<script type="text/javascript" src="/js/jquery.progression.1.3.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('.progressbar').progression();
    });
</script>

Code CSS

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

Code HTML

<div class="progressbar { Current: 75, Background: '#00FF00' }">75 %</div> 
<div class="progressbar { Current: 60, TextColor: '#0000FF' }">60 %</div>