3

100% を超えるパーセンテージを別の色で表示するプログレス バーを表示して、超過達成が発生したことを知らせようとしています。これを HTML/CSS でどのように行うことができますか?

以下は、100% までのパーセンテージを表示するプログレス バーに適しています。

<div id="progressbar">
  <div></div>
</div>

#progressbar {
  background-color: black;
  border-radius: 13px; /* (height of inner div) / 2 + padding */
  padding: 3px;
}

#progressbar div {
   background-color: orange;
   width: 40%; /* Adjust with JavaScript */
   height: 20px;
   border-radius: 10px;
}

ありがとう!

4

2 に答える 2

2

http://jsfiddle.net/qTmGE/1/

jQueryの使用を許してください。

于 2012-10-13T07:40:04.137 に答える
2

純粋な CSS プログレスバー --フィドル

于 2012-10-13T07:48:02.233 に答える