Twitter bootstrap 如何链接引导进度条的整个部分？

我希望用户能够通过一个引导进度条的一部分，点击多个进度条到另一个页面。这可能吗？如果是，怎么做

更新：如果我在JSFIDLE中输入此项，进度条将完全消失：

<!-- 
Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="container"> 

<! # NOT WORKING (with href) # !/> 
<div class="progress">
<a href="#">
<div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
</a>
<a href="#">
<div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
</a>
<a href="#">
<div class="progress-bar bg-info" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</a>
</div>     

但是，如果没有href&a标记，这一切都很好：

<!-- 
Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="container"> 
<! # WORKING (no href) # !/>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-info" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>

---

这工作做得很好

<!-- 
    Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="container"> 

    <div class="progress">

    <div class="progress-bar" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100">
        <a href="#"></a>
    </div>

    <div class="progress-bar bg-success" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">
        <a href="#"></a>
    </div>

    <div class="progress-bar bg-info" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
        <a href="#"></a>
    </div>

</div>

---

谢谢，黑曜石

如果我理解正确，就在每个元素周围添加一个标记？那是什么？！令人惊叹的谢谢，我试试看。没想到调整大小会这么简单，但这是有道理的。@ScottSkiles use标签不会覆盖整个酒吧区。但是，如果使用jquery，则可以使用$.bg info.click=>{window。openhttp://www.google.com}将事件设置为打开一个新链接，使事件覆盖整个部分。您可以使用chrome的开发工具进行尝试。@Obsidian-我没有做到这一点：-谢谢您，caoglish，但我更喜欢使用Django模板的HTML解决方案，例如href={%url'某物'%}