HTML+css制作简易进度条
导读:收集整理的这篇文章主要介绍了HTML+css制作简易进度条,觉得挺不错的,现在分享给大家,也给大家做个参考。 1、HTML代码复制代码代码如下: 经验值: <span class="PRogress-bar"...
收集整理的这篇文章主要介绍了HTML+css制作简易进度条,觉得挺不错的,现在分享给大家,也给大家做个参考。 1、HTML代码
复制代码代码如下:
经验值:
span class="PRogress-bar">
b style="width:50px;
">
/b>
/span>
2、CSS样式
复制代码代码如下:
.progress-bar, .progress-bar b{
background: url("/images/ico.png") no-rePEat scroll 0 0;
display: block;
}
.progress-bar {
background-posITion: 0 0;
height: 15px;
width: 430px;
}
.progress-bar b {
background-position: 0 -17px;
height: 12px;
}
附件:
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML+css制作简易进度条
本文地址: https://pptw.com/jishu/587910.html