Utilisation avec Easing

Utilisation avec Easing

Démonstration

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

Source

Code Javascript

<script type="text/javascript" src="/js/jquery.easing.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({
            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>