div+css 百分比进度条

来源：互联网发布：java thread wait 编辑：程序博客网时间：2024/05/29 03:45

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

0 0