可以打开浏览器自带的开发者工具，我用的是360浏览器，现在一般浏览器都会带这个东西
点工具，点开发者工具就能打开了。
然后刷新页面，点击那个network项，可以查看到页面下载的所有元素。
我这个是百度首页，根据请求地址可以找到那个音乐控件下载的地址，可以根据这个地址把音乐另存到本地，然后看status项，只要这一项是200，那么你的音乐就已经缓冲完成了，size这一项下是你缓冲的文件的大小。
系统打补丁的功能需要自动连网，这个功能本身也不好用，经常出错，没有更好的方法。建议将自动更新关闭，用软件更新，自己的时间自己做主，现这的杀毒软件都有打补丁的功能，比如：360、金山、QQ电脑管家等。
关闭自动更新的方法：
控制面板/系统和安全/WindowsUpdate（左边）更改设置/把重要更新下面的选项改为，从不检查更新即可（Win78）。
你看下这个这是html代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超富创意的CSS3飞机跑道进度条动画DEMO演示</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="demo">
<div class="container">
<div class="row">
<div class="col-md-offset-3 col-md-6">
<h3 class="progressbar-title">HTML5</h3>
<div class="progress">
<div class="progress-bar" style="width: 55%background:#005394">
<span>55%</span>
</div>
</div>
<h3 class="progressbar-title">CSS3</h3>
<div class="progress">
<div class="progress-bar" style="width: 85%background:#d9534f">
<span>85%</span>
</div>
</div>
<h3 class="progressbar-title">Java Script</h3>
<div class="progress">
<div class="progress-bar" style="width: 40%background:#f0ad4e">
<span>40%</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="text-align:centerclear:both">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
</body>
</html>
这是css代码
body{
background: #a8b1b6
color: #2fa0ec
font-weight: 500
font-size: 1.05em
font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo
}
a{color: #d8dedcoutline: none}
a:hover,a:focus{color:#74777btext-decoration: none}
.demo{width: 100%padding: 2em 0}
.progress{
height: 30px
line-height: 35px
background: #809495
box-shadow: none
padding: 6px
margin-top:20px
overflow: visible
border-radius:10px
}
.progress:after{
content: ""
display: block
border-top: 4px dashed #fff
margin-top:8px
}
.progressbar-title{
color:#d8dedc
font-size:15px
margin:5px 0
font-weight: bold
}
.progress .progress-bar{
position: relative
border-radius: 10px 0 0 10px
animation: animate-positive 2s
}
.progress .progress-bar span{
position: absolute
top: -50px
right: -40px
color: #fff
display: block
font-size: 17px
font-weight: bold
padding: 5px 7px
background: #333
border-radius: 0 0 5px 5px
}
.progress .progress-bar span:before{
content: ""
position: absolute
bottom: -14px
left: 18px
border: 7px solid transparent
border-top: 7px solid #333
}
.progress .progress-bar span:after{
content: "\f072"
font-family: fontawesome
font-size: 48px
color: #333
position: absolute
top: 51px
right: 6px
transform: rotateZ(48deg)
}
@-webkit-keyframes animate-positive {
0% { width: 0%}
}
@keyframes animate-positive {
0% { width:0%}
}
