2012-05-09 3 views
1

Я хочу, чтобы установить ширину строки прогресса у меня есть, но так как HTML не действительно есть переменные я попытался это:Как установить ширину элемента в HTML с «переменной»

<span class="bar" style="width:<?php echo $goal_percent . '%'; ?>"></div> 

Я знаю, что это неправильно, я просто не знаю, как бы я сделал что-то подобное?

Edit: Здесь больше кода я использую:

      <?php 
          $goal_percent = $goal/100; 
          $goal_percent = $goal * 100; 
          if($goal_percent == 0) 
          { 
          $goal_percent = 1; 
          } 
          $goal_percent = 50; 
          ?> 

          <span class="progress progress-success progress-striped active" style="margin-bottom: 9px;"> 
         <span class="bar" style="width:<?php echo $goal_percent; ?>%"></span> 

Я целеполагания процентов до 50 после того, как раз для тестирования только в случае, если что-то еще происходит не так с математикой. Все еще не работает.

+0

Как насчет JavaScript? – j08691

+0

yep, я не знаю, что вы пытаетесь, но jQuery, вероятно, сделает это для вас, и это не должно быть сложно. – rafaelbiten

+0

Является ли ваш $ global_Percent инициализированным? –

ответ

2

Этот код будет работать. Я просто протестирую его:

<html> 
    <head><title>Test</title></head> 
    <body> 
     <?php $goal_percent=50; ?> 
     <div class="bar" style="width:<?php echo $goal_percent; ?>%"></div> 
    </body> 
</html> 
+0

Проверьте мое редактирование, оно не работает, все еще – ComputerLocus

+0

Интересно, что он работает сейчас! Я переключил его, чтобы использовать теги div, которые вы показывали, а не охватывали. Работает сейчас! – ComputerLocus

1

До тех пор, пока $goal_percent является допустимой переменной int/float. Как @LawrenceCherone упоминается:

<span class="bar" style="width:<?php echo $goal_percent; ?>%"></span> 
+0

Проверьте мое новое редактирование и посмотрите, что вы имеете в виду ... – ComputerLocus

Смежные вопросы