How to use a php variable value inside Html div

Question

I have a global php variable $similarity; and I have this Bootstrap progress bar by the following code:

<div class="progress progress-striped active">
<div class="bar" style="width: 74%;"></div> 
</div>

The width (74% in the case) determines the amount by which the progress bar will look filed. What I want to do is to use the value of $similarity in place of that 74. So that progress bar will be filled according to the value of variable.

How can I do this?

Do you want the value to change as the user sits there staring at the screen, or do you want it to stay put at whatever value $similarity is when the user first requests the page? — Ian Hunter
– Ian Hunter, Commented Jan 5, 2013 at 7:09
Yes I want the the bar to be fixed when the user requests the page & gets whatever value is of $similarity. Th bar basically shows the similarity of two users entered by the user. — Faizan
– Faizan, Commented Jan 5, 2013 at 7:12

Mayank K. Swami · Accepted Answer · 2013-01-05 07:06:07Z

10

you can do this by

<div class="bar" style="width: <?php echo $similarity; ?>%;">

but make sure file extension is .php

answered Jan 5, 2013 at 7:06

Mayank K. Swami

57.3k23 gold badges130 silver badges148 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JLRishe · Accepted Answer · 2013-01-05 07:07:26Z

2

Have you tried this?

<div class="progress progress-striped active">
<?php echo "<div class='bar' style='width: $similarity%;'></div>"; ?>
</div>

answered Jan 5, 2013 at 7:07

JLRishe

102k19 gold badges138 silver badges171 bronze badges

2 Comments

Faizan Over a year ago

Thank you , it worked like charm ! How can I embed the above code inside my php tags. Since I want this progress bar to appear after the php has manipulated the value $similarity variable.

JLRishe Over a year ago

That would depend on how the rest of your PHP file looks, but this doesn't have to be in the same PHP tags as the part where you manipulate $similarity. Something like this should work just fine: <?php $similarity = 35; ... ?> <html> ... <div class="progress progress-striped active"> <?php echo "<div class='bar' style='width: $similarity%;'></div>"; ?> </div> ... </html>

Collectives™ on Stack Overflow

How to use a php variable value inside Html div

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related