常用的进度条插件

最新推荐文章于 2024-06-09 22:58:43 发布

林尧彬

最新推荐文章于 2024-06-09 22:58:43 发布

阅读量224

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chaixiaoxia/p/8288435.html

版权

<!DOCTYPE html>
<html>

<body>

<div class="container">
<ul class="nav nav-pills nav-justified step step-arrow">
<li>
<a>step1</a>
</li>
<li>
<a>step2</a>
</li>
<li>
<a>step3</a>
</li>
<li>
<a>step4</a>
</li>
<li>
<a>step5</a>
</li>
</ul>
<ul class="nav nav-pills nav-justified step step-square" data-step="2">
<li>
<a>step1</a>
</li>
<li>
<a>step2</a>
</li>
<li>
<a>step3</a>
</li>
<li>
<a>step4</a>
</li>
<li>
<a>step5</a>
</li>
</ul>
<ul class="nav nav-pills nav-justified step step-round" data-step="3">
<li>
<a>step1</a>
</li>
<li>
<a>step2</a>
</li>
<li>
<a>step3</a>
</li>
<li>
<a>step4</a>
</li>
<li>
<a>step5</a>
</li>
</ul>
<ul class="nav nav-pills nav-justified step step-progress" data-step="4">
<li>
<a>step1<span class="caret"></span></a>
</li>
<li>
<a>step2<span class="caret"></span></a>
</li>
<li>
<a>step3<span class="caret"></span></a>
</li>
<li>
<a>step4<span class="caret"></span></a>
</li>
<li>
<a>step5<span class="caret"></span></a>
</li>
</ul>
</div>

<script type="text/javascript" src="js/lib/jquery.min.js"></script>
<script type="text/javascript" src="js/lib/lib.js"></script>
<script>
$(function() {
bsStep();
//bsStep(i) i 为number 可定位到第几步如bsStep(2)/bsStep(3)
})
</script>

</body>

</html>

转载于:https://www.cnblogs.com/chaixiaoxia/p/8288435.html

林尧彬

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
常用的进度条插件

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="../css/jindutiao/bootstrap.min.css"/> <link rel="styleshee...
复制链接

扫一扫