一个不错的进度条样式
来源:互联网 发布:推推棒淘宝店零食 编辑:程序博客网 时间:2024/04/28 18:33
<html>
<head>
<style>
.controls
{
left: 0px;
height: 35px;
right: 0px;
bottom: 0px;
border-top-color: #222;
border-top-width: 1px;
border-top-style: solid;
position: absolute;
z-index: 100;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), inset 0px -1px 0px rgba(0,0,0,0.12);
background-image: linear-gradient(rgb(94, 91, 92), rgb(50, 50, 50));
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgb(94, 91, 92);
}
.controls
{
height: 35px;
padding-left: 10px;
}
div.scrubber_holder
{
left: 95px;
height: 8px;
right: 80px;
bottom: 0px;
padding-top: 14px;
padding-right: 0px;
padding-bottom: 14px;
padding-left: 0px;
position: absolute;
z-index: 3;
}
div.scrubber
{
height: 6px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
box-shadow: 0px 1px 0px rgba(255,255,255,0.12), 0px -1px 0px rgba(0,0,0,0.12);
background-image: linear-gradient(rgb(0, 0, 0), rgb(34, 34, 34));
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgb(0, 0, 0);
}
div.scrubber .scrubbed
{
height: 6px;
min-width: 6px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background-image: linear-gradient(rgb(56, 173, 117), rgb(14, 99, 85));
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: transparent;
}
</style>
</head>
<body>
<div>
dddd
</div>
<div class="controls mouse-activity-disabled">
<div class="scrubber_holder">
<div class="scrubber">
<div class="scrubbed" style="width: 25%;"></div>
</div>
</div>
</div>
</body>
</html>
- 一个不错的进度条样式
- 一个不错的CSS样式表
- 一个还不错的gridview 样式
- 一个不错的CSS样式按钮
- 一个不错的文本域背景样式
- 一个比较不错的CMD样式
- 封装一个特别好看的进度条样式!
- Delphi 一个不错的弹出进度条的例子
- Delphi 一个不错的弹出进度条的例子
- Delphi 一个不错的弹出进度条的例子
- 一个不错的JS效果:文本显示样式切换
- 不错的文字样式
- css样式实现一个进度条
- 效果不错的VML进度条
- 效果不错的VML进度条
- 不错的android进度条动画
- android 进度条的样式
- android 进度条的样式
- hbase0.96伪分布模式安装
- 最小二乘法实现直线拟合
- IOS开发之UIWebView实际应用(二)
- 深入Java class文件格式
- fdddddd
- 一个不错的进度条样式
- 创世帖
- 搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门
- nginx链表代码分析[ngx_list.c]
- Android控件Editext、TextView属性详解
- 用C#编写ActiveX控件
- linux basename命令的使用
- OC-KVC-键值编码
- POJ 2586 水贪心。