Skip to content

Commit b9a3b41

Browse files
tangxiaolang101tangxiaolang101
committed
总体工程
1 parent 74a7f2d commit b9a3b41

16 files changed

+10138
-0
lines changed

‎bootstrap-3.3.5/css/bootstrap-theme.css

Lines changed: 587 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/css/bootstrap-theme.css.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/css/bootstrap-theme.min.css

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/css/bootstrap.css

Lines changed: 6800 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/css/bootstrap.css.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/css/bootstrap.min.css

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/fonts/glyphicons-halflings-regular.eot

19.7 KB
Binary file not shown.

‎bootstrap-3.3.5/fonts/glyphicons-halflings-regular.svg

Lines changed: 288 additions & 0 deletions
Loading

‎bootstrap-3.3.5/fonts/glyphicons-halflings-regular.ttf

44.3 KB
Binary file not shown.

‎bootstrap-3.3.5/fonts/glyphicons-halflings-regular.woff

22.9 KB
Binary file not shown.

‎bootstrap-3.3.5/fonts/glyphicons-halflings-regular.woff2

17.6 KB
Binary file not shown.

‎bootstrap-3.3.5/js/bootstrap.js

Lines changed: 2363 additions & 0 deletions
Large diffs are not rendered by default.

‎bootstrap-3.3.5/js/bootstrap.min.js

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/js/jquery.min.js

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap-3.3.5/js/npm.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
2+
require('../../js/transition.js')
3+
require('../../js/alert.js')
4+
require('../../js/button.js')
5+
require('../../js/carousel.js')
6+
require('../../js/collapse.js')
7+
require('../../js/dropdown.js')
8+
require('../../js/modal.js')
9+
require('../../js/tooltip.js')
10+
require('../../js/popover.js')
11+
require('../../js/scrollspy.js')
12+
require('../../js/tab.js')
13+
require('../../js/affix.js')

‎进度条.html

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Bootstrap 实例 - 堆叠的进度条</title>
6+
<link href="bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
7+
<script src="bootstrap-3.3.5/js/jquery.min.js"></script>
8+
<script src="bootstrap-3.3.5/js/bootstrap.min.js"></script>
9+
</head>
10+
<style type="text/css">
11+
body{
12+
margin: 88px 88px;
13+
}
14+
#bar{
15+
border:1px solid;
16+
width: 300px;
17+
float: left;
18+
}
19+
#sizeLab, #maxSize{
20+
display: block;
21+
height: 20px;
22+
line-height: 20px;
23+
}
24+
#sizeLab{
25+
float: left;
26+
margin-left: 10px;
27+
}
28+
</style>
29+
<script type="text/javascript">
30+
function changeBarVal(){
31+
var cx = $("#barInput").val();
32+
if(cx>=80){
33+
$("#barId").removeClass();
34+
$("#barId").addClass("progress-bar progress-bar-warning");
35+
}else if(cx>=50){
36+
$("#barId").removeClass();
37+
$("#barId").addClass("progress-bar progress-bar-info");
38+
}else{
39+
$("#barId").removeClass();
40+
$("#barId").addClass("progress-bar progress-bar-success");
41+
}
42+
43+
var sw = $("#bar").width()*(cx/100);
44+
45+
$("#barId").width(sw);
46+
var xxx = sw/1000 + "%";
47+
$("#info").text(xxx);
48+
$("#maxSize").text("100GB");
49+
}
50+
</script>
51+
<body>
52+
53+
<div id="bar" class="progress">
54+
<div id="barId" class="progress-bar progress-bar-success" role="progressbar"
55+
style="width: 40%;">
56+
<span id="info" >40% 完成</span>
57+
</div>
58+
</div>
59+
<label id="sizeLab">总容量：</label><label id="maxSize">50</label>
60+
<input id="barInput" type="text" placeholder="The num 0 to 100"></input>
61+
<button onclick="changeBarVal()" >Click Me</button>
62+
</body>
63+
</html>

0 commit comments

Comments
 (0)