Анимация полосы в опросах by webo4ka.ru

<script type="text/javascript">  
  var number = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20'];  
  for(var i = 0; i < number.length; i++){  
  $('div.answer div').eq(i).addClass('rating');  
  $('div.answer div div').eq(i).addClass('rating-'+[i]);  
  var width = $('.rating-'+[i]).width();  
  $('.rating-'+[i]).css('width', '0px');  
  $('.rating-'+[i]).animate({width:''+width+'px'},5000);  
  } /* by webo4ka.ru*/  
  </script>  

<style>  
  .rating {background: #f4f4f4 !important; overflow:hidden; margin:5px 0px 5px 0px; height:20px !important;}  
  div[class^="rating-"] {height:23px !important; overflow:hidden !important; margin-top:-3px; position:relative;}  
  .rating-0 {background:#bcdfff !important;}  
  .rating-1 {background:#febabb !important;}  
  .rating-2 {background: #fcd5b9 !important;}  
  .rating-3 {background: #fdbaf4 !important;}  
  .rating-4 {background: #b9ecfc !important;}  
  .rating-5 {background: #befeb9 !important;}  
  .rating-6 {background: #fffcba !important;}  
  .rating-7 {background: #fdb9bf !important;}  
  .rating-8 {background: #fbcdb8 !important;}  
  .rating-9 {background: #ddfdbb !important;}  
  .rating-10 {background: #fdbaf4 !important;}  
  .rating-11 {background: #fcfdb9 !important;}  
  .rating-12 {background: #fdbaba !important;}  
  .rating-13 {background: #b8ecfc !important;}  
  .rating-14 {background: #b6dafb !important;}  
  .rating-15 {background:#5d9ad3 !important;}  
  .rating-16 {background:#e96465 !important;}  
  .rating-17 {background:#f6954у !important;}  
  .rating-18 {background:#dd8cd2 !important;}  
  .rating-19 {background: #75d0ed!important;}  
  .rating-20 {background: #5bc254!important;}  
  </style>