京东自营 618 + 国补 iPhone 历史最低价
html 实例源码
实例源码：
源代码：
执行
执行中...
1
<!DOCTYPE html>2
<html lang="en">3
<head>4
<meta charset="utf-8">5
<title>Bootstrap进度条实例</title>6
<meta name="viewport" content="width=device-width, initial-scale=1.0">7
<meta name="description" content="Example of Progress Bars using Twitter Bootstrap, created by w3cschool">8
<meta name="author" content="">9
<!-- Le styles -->10
<link href="../bootstrap/bootstrap-2.0.3.css" rel="stylesheet">11
<link href="/try/bootstrap/twitter-bootstrap-v2/docs/assets/css/example-fixed-layout.css" rel="stylesheet">12
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->13
<!--[if lt IE 9]>14
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>15
<![endif]-->16
<!-- Le fav and touch icons -->17
<link rel="shortcut icon" href="/try/bootstrap/twitter-bootstrap-v2/docs/examples/images/favicon.ico">18
<link rel="apple-touch-icon" href="/try/bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon.png">19
<link rel="apple-touch-icon" sizes="72x72" href="/try/bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-72x72.png">20
<link rel="apple-touch-icon" sizes="114x114" href="/try/bootstrap/twitter-bootstrap-v2/docs/examples/images/apple-touch-icon-114x114.png">21
</head>22
<body>23
24
<div class="container">25
<div class="row">26
<div class="span4">27
<h3>一个基本的垂直方向进度条</h3>28
<div class="progress">29
<div class="bar"30
style="width: 60%;"></div>31
</div>32
<h3>条纹进度条,使用梯度来创建一个条纹的效果</h3>33
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java