Question

the code is :

<div class="bar">
    <div class="percentage" style="width:16%; height: 59px;">This is 66% wide div</div>
</div>

As you can see the width is 16 here….i need a way that it could be changed based on a variable like. I have a php query which returns a certain vale. And the width must be that vale. how can i do that?

Answer 1

You can do it with Javascript. For example with JQuery:

$('.percentage').css({'width': x%, 'height': xpx});

or you can do it with PHP:

<div class="percentage" style="width: <?php echo $width; ?>%; height: <?php echo $height; ?>px; ">This is 66% wide div</div>