2025年02月10日 建站教程
如何利用bootstrap做一个动态进度条,下面web建站小编给大家详细介绍一下如何实现这个功能!
具体代码如下:
引入几个css/js
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="/statichttps://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="/statichttps://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
html代码如下:
<div class="progress progress-striped active"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" > <span class="sr-only">40% 完成</span> </div> </div>
本文链接:http://so.lmcjl.com/news/22899/