HTML+css制作简易进度条

前端技术 2023/09/07 HTML

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;}


附件：

本文地址：https://www.stayed.cn/item/18879

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案