求一个js漂亮的进度条 最好给一个清晰的代码,网上也搜了,代码看不懂,所以最好带有解释说明的。谢谢 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 http://www.open-lib.com/给你一个地址这里面很多这样的特效 去找找 <style>.process-bar{width:100px;display:inline-block;*zoom:1;}.pb-wrapper{border:1px solid gray;border-style:solid none;position:relative;background:#cfd0d2;}.pb-container{border:1px solid gray;border-style:none solid;height:12px;position:relative;left:-1px;margin-right:-2px;font:1px/0 arial;padding:1px;}.pb-highlight{position:absolute;left:0;top:0;_top:1px;width:100%;opacity:0.6;filter:alpha(opacity=60);height:6px;background:white;font-size:1px;line-height:0;z-index:1}.pb-text{width:100%;position:absolute;left:0;top:0;text-align:center;font:10px/12px arial;}.pb-value{height:100%;width:50%;background:#19d73d;}.pb-text{color:black;font:10px/12px arial}/* -- 以下是重写的皮肤 -- *//* green */.skin-green .pb-wrapper{border-color:#666;border-top-color:#628c2d;}.skin-green .pb-container{border-color:#666;border-left-color:#628c2d;}.skin-green .pb-text{ color:black }/* blue */.skin-blue .pb-wrapper{border-color:#0e7c78;border-top-color:#41beb9;}.skin-blue .pb-container{border-color:#0e7c78;border-left-color:#41beb9;}.skin-blue .pb-text{color:white}.skin-blue .pb-value{background:#159b96;}/* red */.skin-red .pb-wrapper{border-color:#8e1411;border-top-color:#cb3d3a;}.skin-red .pb-container{border-color:#8e1411;border-left-color:#cb3d3a;}.skin-red .pb-text{color:#470200;}.skin-red .pb-value{background:#d70500}/* orange */.skin-orange .pb-wrapper,.skin-orange .pb-container{border-color:#d55110;}.skin-orange .pb-text{color:#250f00;}.skin-orange .pb-value{background:#d75a00;}/* purple */.skin-purple .pb-wrapper,.skin-purple .pb-container{border-color:#a90561;}.skin-purple .pb-text{color:#720040;}.skin-purple .pb-value{background:#9d118e}/* black */.skin-black .pb-wrapper,.skin-black .pb-container{border-color:black}.skin-black .pb-text{color:gray;}.skin-black .pb-value{background:#111111;}/* 分割线样式 */.hua-li-de-fen-ge-xian{border-bottom:2px dashed #eee;height:1px;font-size:1px;margin:5px 0}</style><div class='process-bar skin-green' style='width:100%'><div class='pb-wrapper'><div class='pb-highlight'></div><div class='pb-container'><div class='pb-text'><%# DataBinder.Eval(Container.DataItem, "OverCount")%>%</div><div class='pb-value' style='width:<%# DataBinder.Eval(Container.DataItem, "OverCount")%>%'></div></div></div></div> 如何取得相对于显示窗口指定点坐标的元素? 一个关于javascript网页颜色校验问题 求教一个加引号正则表达式的编写 请问javascript如何得到文件类型的输入框的文件的名字? 有哪位能帮帮我完善一下下面这段代码? Javascript中国象棋人机对战 meta window.open()总是弹出一个新的窗口,如何对弹出的新窗口进行判断,如果它存在就刷新,如果不存在才弹出? 一个好个函数! netscape 中的javascript怎样写这个函数? 我是新来girl,可否交个朋友?(给分100) 请教一个jquery的写法 clearTimeout在什么情况下执行?
给你一个地址
这里面很多这样的特效 去找找
<style>
.process-bar
{
width:100px;
display:inline-block;
*zoom:1;
}
.pb-wrapper
{
border:1px solid gray;
border-style:solid none;
position:relative;
background:#cfd0d2;
}
.pb-container
{
border:1px solid gray;
border-style:none solid;
height:12px;
position:relative;
left:-1px;
margin-right:-2px;
font:1px/0 arial;
padding:1px;
}
.pb-highlight
{
position:absolute;
left:0;
top:0;
_top:1px;
width:100%;
opacity:0.6;
filter:alpha(opacity=60);
height:6px;
background:white;
font-size:1px;
line-height:0;
z-index:1
}
.pb-text
{
width:100%;
position:absolute;
left:0;
top:0;
text-align:center;
font:10px/12px arial;
}
.pb-value
{
height:100%;
width:50%;
background:#19d73d;
}
.pb-text
{
color:black;
font:10px/12px arial
}
/* -- 以下是重写的皮肤 -- */
/* green */
.skin-green .pb-wrapper
{
border-color:#666;
border-top-color:#628c2d;
}
.skin-green .pb-container
{
border-color:#666;
border-left-color:#628c2d;
}
.skin-green .pb-text{ color:black }
/* blue */
.skin-blue .pb-wrapper
{
border-color:#0e7c78;
border-top-color:#41beb9;
}
.skin-blue .pb-container
{
border-color:#0e7c78;
border-left-color:#41beb9;
}
.skin-blue .pb-text
{
color:white
}
.skin-blue .pb-value
{
background:#159b96;
}
/* red */
.skin-red .pb-wrapper
{
border-color:#8e1411;
border-top-color:#cb3d3a;
}
.skin-red .pb-container
{
border-color:#8e1411;
border-left-color:#cb3d3a;
}
.skin-red .pb-text
{
color:#470200;
}
.skin-red .pb-value
{
background:#d70500
}
/* orange */
.skin-orange .pb-wrapper,
.skin-orange .pb-container
{
border-color:#d55110;
}
.skin-orange .pb-text
{
color:#250f00;
}
.skin-orange .pb-value
{
background:#d75a00;
}
/* purple */
.skin-purple .pb-wrapper,
.skin-purple .pb-container
{
border-color:#a90561;
}
.skin-purple .pb-text
{
color:#720040;
}
.skin-purple .pb-value
{
background:#9d118e
}
/* black */
.skin-black .pb-wrapper,
.skin-black .pb-container
{
border-color:black
}
.skin-black .pb-text
{
color:gray;
}
.skin-black .pb-value
{
background:#111111;
}
/* 分割线样式 */
.hua-li-de-fen-ge-xian
{
border-bottom:2px dashed #eee;
height:1px;
font-size:1px;
margin:5px 0
}
</style><div class='process-bar skin-green' style='width:100%'><div class='pb-wrapper'><div class='pb-highlight'></div><div class='pb-container'><div class='pb-text'><%# DataBinder.Eval(Container.DataItem, "OverCount")%>%</div><div class='pb-value' style='width:<%# DataBinder.Eval(Container.DataItem, "OverCount")%>%'></div></div></div></div>