salve a tutti e buone feste

Sto avendo un problema banale con una animazione vi posto il code:

[CSS]
codice:
.bar { position:absolute; left:0; bottom:0; height:3px; width:0; background-color:#FFF; z-index:99999; }
[JS]
codice:
$(document).ready(function() {
	
	$(".bar").animate({width: "800px"});
	
});
[HTML]
codice:
<div class="bar"></div>
il problema e che la barra non si allunga. Dove sbaglio?