引导——进度条——基本样式

　　

1。运行效果如图所示

耙肌忍酢狙?


2。实现代码如下

 & lt; ! DOCTYPE  html>
　　& lt; html>
　　& lt; head>
　　,,,& lt; meta  charset=皍tf - 8”比;
　　,,,& lt; meta  http-equiv=癤-UA-Compatible”,内容=癐E=边缘”比;
　　,,,& lt; title>进度条——基本样式& lt;/title>
　　,,,& lt; !——,最新版本的,Bootstrap 核心,CSS 文件,——比;
　　,,,& lt; link  rel=把奖怼?
　　,,,href=" https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css ",
　　,,,诚信=皊ha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va + PmSTsz/K68vbdEjh5u”
　　,,,crossorigin=澳涿北?
　　
　　,,,& lt; !——,可选的,Bootstrap 主题文件(一般不用引入),——比;
　　,,,& lt; link  rel=把奖怼?
　　,,,href=" https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css ",
　　,,,诚信=皊ha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp”,
　　,,,crossorigin=澳涿北?
　　& lt;/head>
　　& lt; body>
　　,,,& lt; div 类=敖健北?
　　,,,,,,,& lt; div 类=敖忍酢?在& lt;/div>
　　,,,& lt;/div>,
　　
　　
　　,,,& lt; script  src=" https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js "祝辞& lt;/script>
　　,,,& lt; !——,最新的,Bootstrap 核心,JavaScript 文件,——比;
　　,,,& lt; script  src=" https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js ",
　　,,,诚信=皊ha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa”,
　　,,,crossorigin=澳涿弊４? lt;/script>
　　& lt;/body>
　　& lt;/html>


引导——进度条——基本样式