Having issues with JQuery progress bar
- by Roland
I'm busy creating a poll but am experiencing issues creating a progress bar for a poll using jquery, thus I have a couple of options and then when the page loads the div tags should increase in width, but it's not doing anything only if I have on option in the poll
code
<?php foreach($votes as $v): ?>
<div><?php echo $v['name'].':'; ?></div>
<div>
<?php echo 'Votes: '.$v['num'].' | '.$v['percent'].'%'; ?>
</div>
<script type="text/javascript">
load(<?=$v['name']?>,<?=$v['percent']?>);
</script>
<div style="width:100%; height:10px; background-color:#effdff;"><div id="<?=$v['name']?>" style=" height:10px; background-color:#ff0000;"></div></div>
<br />
<?php endforeach; ?>
<?php if(!empty($loginMsg)): ?>
<?php echo $loginMsg; ?><br />
<?php endif; ?>
Votes: <?php echo $totalVotes+$totalComments; ?> | Comments: <?php echo $totalComments ?>
<script type="text/javascript">
var interval='';
var progress = 0;
function load(id,val){
alert(id);
if (interval=="") {
interval=window.setInterval("display('"+id+"','"+val+"')",200);
}
}
function display(id,val) {
progress += 1;
if(progress == val){
window.clearInterval(interval)
interval = '';
progress = 0;
}
$("#"+id).css("width",progress+'%');
}
</script>
