Vu-mètres JQUERY

Exemple

1
2
3
4

Comment l'utiliser

Tout d'abord, incluez la feuille de style CSS et le script JS (dépend de la librairie JQuery seulement)

<link href="vumetre.css" rel="stylesheet" type="text/css" />
<script src="vendor/jquery-2.2.0.min.js"></script>
<script src="vumetre.js"></script>

Puis, créez vos éléments (de type block) et donnez leur une classe (ou un ID), ainsi que l'attribut "percent" contenant la valeur à afficher :

<div class="yourvu" percent="40"></div>

Ensuite, il suffit de l'apeller (ici avec toutes les options par défaut, donc inutiles) :

$(function(){
    $('.yourvu').vumetre({
        "speed": 500,
        "withText": true,
        "height": "300px",
        "width": "100%"
    });
});