来源：自学PHP网 时间：2014-12-15 15:58 作者： 阅读:次
[导读] 进度条想必大家并不陌生吧，而且实现方法各种各样，在本文为大家讲解下利用html+css实现进度条的制作，感兴趣的朋友可以尝试操作下...
|
进度条想必大家并不陌生吧，而且实现方法各种各样，在本文为大家讲解下利用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;} 附件： 
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
