Question

I was trying to make a sort of loading bar, I’ve made this but it won’t work… Who can help me??

<div id="loader" style="height: 2px; width: 0px; background: green;">
Test
</div>
<script>
$('#loader').animate({width:'100px'}, 15000);
</script>

Thank you!

Edit:
This one’s working

<div id="loader" style="height: 2px; width: 0px; background: green;">
</div>
<script>
$(document).ready(function(){
    function loader(){$('#loader').animate({width:'0px'}, 1).animate({width:'468px'}, 15000, function() {loader()});}
    loader();
});

</script>

Thanks to Pahnin

Answer 1

http://jsfiddle.net/pahnin/d7hWD/1/

Start the animation after document is loaded

$(document).ready(function(){
$('#loader').animate({width:'100px'}, 15000);
});

Edit:

 $(document).ready(function() {
     // jQuery
 });

The above function is used to run your jQuery code after all the dom elements are loaded, this includes libraries like jQuery too.