div+css 百分比进度条
2014-08-08 08:53
260 查看
DIV+CSS 百分比进度条
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Graph</title> <style> .graph { float:left; margin:0px; background-color:#cecece; position:relative; width:100px; padding:0 } .graph .bar { display:block; position:relative; background-image:url(images/bargraph.gif); background-position:right center; background-repeat:repeat-x; border-right:#538e02 1px solid; text-align:center; color:#fff; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.9em } .graph .bar span { position:absolute; left:1em } </style> </head> <body> <div class="graph"><strong class="bar" style="width:70%;">70%</strong></div> </body> </html>欢迎交流 http://blog.csdn.net/ycwol/article/details/38434049
相关文章推荐
- 纯DIV+CSS百分比进度条
- css的div,文本 垂直居中的方法,百分比div垂直居中
- css实现div高度根据自适应宽度(百分比)调整
- 简单实用的纯CSS百分比圆形进度条插件
- css的div垂直居中的方法,百分比div垂直居中(推荐translate)
- CSS实现div百分比效果
- css的div垂直居中的方法,百分比div垂直居中 2014年11月16日 19922次浏览 前言 我们都知道,固定高宽的div在网页中垂直居中很简单,相信大家也很容易的写出来,但是不是固定高宽的d
- css+div模拟进度条
- 浅谈CSS满屏品字布局中div设置height为百分比无效的问题
- css的div垂直居中的方法,百分比div垂直居中
- div+css进度条
- div+css是用百分比好呢?还是固定相素好呢
- css的div垂直居中的方法,百分比div垂直居中
- css+div中的百分比自适应宽度格局
- div垂直居中的方法(css的),百分比div垂直居中,html5
- css设置宽高百分比及div盒子高度百分比减像素的方法
- CSS+DIV进度条
- css的div垂直居中的方法,百分比div垂直居中
- css的div垂直居中的方法,百分比div垂直居中
- 纯DIV+CSS实现进度条