<div id="vote-layer" style="display: block;">
<div class="side_box vite_box">
<div class="sb_title clr">Опрос</div>

<div class="vote_title clr">
<div class="vote_title_ar"></div>
$QUESTION$
</div>

<div id="dle-vote">$ANSWERS$</div>

<div class="sb_in">
<button class="vote_bt" type="submit">Голосовать</button>
<button class="vote_bt_res" type="button" href="$RESULTS_LINK$">Результаты</button>
<input class="pollBut" type="submit" value="Ответить" style="display: none;">
<div class="clr"></div>
</div>

</div>
</div>

<script type="text/javascript">
var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress'+[i]).css({});}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>

<style>
.answer {position:relative;font-size:12px;color:#fff;padding:5px 15px;} 
.answer input {color: #fff; margin-left: 10px;} .answer label {color: #fff; padding: 5px;}
.progress { padding-top: 0px !important; overflow: hidden !important; height: 15px !important; margin-bottom: 5px !important; background: #69bb50 !important; }
.progress0, .progress1, .progress2, .progress3, .progress4, .progress5, .progress6, .progress7, .progress8, .progress9 { color: #ffffff !important; text-align: center !important; text-indent: -2000em !important; height: 15px !important; display: block !important; overflow: hidden !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background: #367223 !important; }
.pollBut {display: none !important;}
</style>