如何使 wordpress 的引导进度条动态化答案

【问题标题】：how to make bootstrap progress bar dynamic for wordpress如何使 wordpress 的引导进度条动态化
【发布时间】：2015-05-12 08:22:46
【问题描述】：

我想让 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>

谢谢。

【问题讨论】：

标签： wordpress twitter-bootstrap progress

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：

我认为问题出在您的自定义字段上。 $post->ID 仅在您处于循环中时才有效。否则您需要提供您的自定义字段所属的帖子 ID。顺便说一句，抱歉回复晚了