首页前端开发HTMLHTML+css制作简易进度条

HTML+css制作简易进度条

时间2024-01-27 07:38:02发布访客分类HTML浏览725
导读:收集整理的这篇文章主要介绍了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
表单元素属性readonly和disabled使用对比 a标签伪类的作用及书写顺序是什么

游客 回复需填写必要信息