La fonction animate

Salut à tous,

je souhaite juste tester la fonction animate ou css car les deux ne fonctionne pas de mon coté alors je vous mets tout le code js

Code:

1
2
3
4
5
6
jQuery(document).ready(function(){
        var $progressBar = '<div id="progressBar"><div id="progressBarInside"></div></div>';
        $('body').append($progressBar);
 
$("#ProgressBarInside").stop().animate({width:'100%'});
});

et le css associé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body {
    background: gray;
}
#progressBar{
    position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 4px;
}
#progressBarInside {
    position: relative;
    height: 100%;
    width: 15%;
    background: green;
    box-shadow: 0 0 4px rgba(0,0,0,0.5)
}

et bien l'animation ne se fait pas il reste toujours a 15% la valeur css de base...