Animate background color like a progress bar in jQuery

Question

I have a div which has some text content( eg: My Name ) and the div is in RED background colour

Answer 1

1. JavaScript variable names can't have dashes, it should be backgroundColor.
2. You have 'red', so it will not change anything. Change the string to 'blue'.

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