Question

我想为WordPress制作动态引导进度条。我想在管理面板中添加自定义字段（当想要写新帖子时），例如，如果我给出值6它在进度条上显示为60％，同样在0到10之间为0％直到100％进度条

这是我的进度条html代码：

<p>
 <div class="progress progress-striped active">
   <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%">IMDB Rating
<span class="sr-only"></span>
   </div>
 </div>
</p>

感谢。

Answer 1

希望这会对你有所帮助。

<?php $progress = get_post_meta($post->ID, 'your_custom_field', true); ?>
<p>
<div class="progress progress-striped active">
  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="<?php echo $progress*10; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $progress*10; ?>%">IMDB Rating
<span class="sr-only"></span>
</div>
</div>
</p>

Answer 2

@ dhanuka-nuwan这段代码会有效，但无论我给它什么价值，它都会停止在85％！

我这样用过：

<?php $selected = get_post_meta($post->ID, 'my_meta_box_select', true); ?>
  <div class="progress progress-striped active">
  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="<?php echo $selected*10; ?>" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $selected*10; ?>%">
<span class="sr-only"></span>
  </div>
  </div>

如何使wordpress的bootstrap进度条动态

2 个答案: