eu tenho umdiv que tem algum conteúdo de texto (por exemplo: Meu nome) ediv é emVERMELHO background colour e um botão.

Minha necessidade :

Se eu clicar no botão, preciso alterar o plano de fundo de uma div deVERMELHO PARA AZUL gostarProgress bar para10 segundos.Algo como,

começar de 0 seg

=

==

===

====

=====

======

=======

========

=========

==========

termina com 10 segundos

Eu tenho que mudar obgColor gradualmente do começo ao fim por até 10 segundos.

Então eu usei oJQuery animate () método.Mas eu não tenho sorte para fazer isso.

O que eu tentei:

  $("button").click(function(){ 
        $('#myDivId').animate({background-color:'blue'},10000);
  });

Se isso não for possível, alguém pode me sugerir algumplugin's fazer isso.

Espero que nossos usuários de pilha me ajudem.