/* Вид опросов как на DLE для uCoz by TRANE73 & TRAIN */
.progress {
 border: 1px solid #ccc;
 position: relative;
 display: block;
 padding: 0;
 margin: 2px 0;
 background: #ccc; /* Fallback для старых браузеров */
 background: -webkit-linear-gradient(top, #ccc, #e9e9e9); /* Chrome, Safari */
 background: -moz-linear-gradient(top, #ccc, #e9e9e9); /* Firefox */
 background: -o-linear-gradient(top, #ccc, #e9e9e9); /* Opera */
 background: linear-gradient(to bottom, #ccc, #e9e9e9); /* Современные браузеры */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9'); /* IE6-8 */
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
 box-shadow: 0 1px 0 #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
 border-radius: 4px;
}

.progress_1 {
 border: 1px solid #0078a5;
 background-color: #5C9ADE; /* Fallback */
 background: -webkit-linear-gradient(top, #00adee 10%, #0078a5 90%);
 background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);
 background: -o-linear-gradient(top, #00adee 10%, #0078a5 90%);
 background: linear-gradient(to bottom, #00adee 10%, #0078a5 90%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.progress_2 {
 border: 1px solid #5c9425;
 background-color: #77AF3F; /* Fallback */
 background: -webkit-linear-gradient(top, #8fc857 10%, #5c9425 90%);
 background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);
 background: -o-linear-gradient(top, #8fc857 10%, #5c9425 90%);
 background: linear-gradient(to bottom, #8fc857 10%, #5c9425 90%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');
}

.progress_3 {
 border: 1px solid #f47a20;
 background-color: #faa51a; /* Fallback */
 background: -webkit-linear-gradient(top, #faa51a 10%, #f47a20 90%);
 background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);
 background: -o-linear-gradient(top, #faa51a 10%, #f47a20 90%);
 background: linear-gradient(to bottom, #faa51a 10%, #f47a20 90%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.progress_4 {
 border: 1px solid #A92C2C;
 background-color: #C44747; /* Fallback */
 background: -webkit-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
 background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
 background: -o-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);
 background: linear-gradient(to bottom, #DD5F5F 10%, #A92C2C 90%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');
}

.progress_5 {
 border: 1px solid #8c2ca9;
 background-color: #8c2ca9; /* Fallback */
 background: -webkit-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);
 background: -moz-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);
 background: -o-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);
 background: linear-gradient(to bottom, #bf5fdd 10%, #8c2ca9 90%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');
}

.progress-bar {
 height: 18px;
}

.progress-bar-image {
 margin-top: -3px;
 margin-bottom: -3px;
 height: 25px;
 background-repeat: repeat-x;
}
/* ===/=== */

<script>
$(document).ready(function() {
 var images = ['/images/ic1.png','/images/ic2.png','/images/ic3.png','/images/ic4.png','/images/ic5.png'];
 var answerDivs = $('div.answer div');

 answerDivs.each(function(index) {
  var currentDiv = $(this);
  var innerDiv = currentDiv.find('div'); // Находим вложенный div

  var imageIndex = index % images.length;
  var imageUrl = images[imageIndex];

  currentDiv.addClass('progress progress-bar'); // Добавляем классы
  innerDiv.addClass('progress progress_'+ (imageIndex + 1) + ' progress-bar-image').css({background: 'url(' + imageUrl + ')'}); // Добавляем классы и устанавливаем background
 });

 $('div.answer span').each(function(){
  $(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>');
 });
});
</script>