如何添加引导进度条?

时间:2015-09-16 13:03:58

标签: jquery twitter-bootstrap-3 progress-bar

目前正在制作在线餐饮策划师,这是我们论文项目的一部分。我想要做的是添加一个进度条(bootstrap 3)。它是滑块形式的一系列形式,有点基于此

我正在谈论的jQuery插件的预览:

jFormslider by Harish U Warrier

1 个答案:

答案 0 :(得分:1)

进度条用于显示“工作流程或操作的进度” 这是来自getbootstrap.com的代码:

<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>

sr是屏幕阅读器(用于辅助功能)
您可以使用引导颜色:成功,信息,警告等(progress-bar-info)
添加条纹:class =“progress-bar progress-bar-success progress-bar-striped”

希望这会有所帮助。