div+css 百分比进度条代码,Css代码库,德仔网

代码语言

代码分类

【Css】 div+css 百分比进度条

作者:东京 / 发布于2016/12/19/ 480

<!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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

东京贡献的其它代码(11)