html - 如何使绿色背景颜色占整个 div 的一半？

Question

我想知道为什么div栏从左到中没有显示绿色背景色。它只显示整个 div 栏。可能是什么问题呢？谢谢..

.BioUploadProgressBar p {
  display: block;
  width: 350px;
  padding: 2px 5px;
  margin: 12px 0;
  border: 1px inset #446;
  border-radius: 5px;
}
.BioUploadProgressBar p.initialize {
  /*background: #0c0 none 0 0 no-repeat;*/
  background-color: #0c0;
  background-image: none;
  background-position: 50% 0px;
  background-repeat: no-repeat;
}

<div>
  <div class='BioUploadProgressBar'>
    <p class="initialize">Upload file 0 %</p>
  </div>
</div>

Answer 1

Background-Position 仅适用于 Background-Image。您将有以下选项:

• 使用背景图片(但也有额外的请求)
• 使用第二个 DIV
• 使用 CSS 渐变(http://www.colorzilla.com/gradient-editor/ - 没有 IE8 和东西)