<html>
<head>
<style>
.box
{
width:100px;
height:20px; //和图片的大小一样
/*background:#f4cea3;*/
background: url('./1.jpg') top left repeat-x;
/*border:1px solid red; */
font-size: 7px;
position:relative
}
.rate
{
/*width:50px;*/
height:100%;
/*background:red;*/
background: url('./2.bmp') top left repeat-x;
position:absolute;
}
.rate_text
{
width:100%;
height:100%;
top:12.5%;
position:absolute;
text-align:center;
vertical-align:middle;
color: red;
font-size: 15px;
font-family: monospace;
}
</style>
</head>
<body>
<div class='box'><div id="score_rate" class="rate" style="width:7%"></div><div class="rate_text" id="score_text"></div></div>
</body>
</html>