html - プログレスバー用のCSSを使用したHTML

Question

私はこのようなDIVを持っています：

<div class="prog" style="width:100%">
<div class="prog" style="width:78%">
<div class="prog" style="width:43%">

divの44％から開始するグラデーションを使用して、このdiv背景を作成するにはどうすればよいですか。写真のように。幅を43％にすると、この色＃9c45c4だけが表示されます。43％を超えると、グラデーションが始まります。

皆さん、ありがとうございました。

Answer 1

background-sizeプログレスバーの包含要素のサイズにを設定します。

提供したスクリーンショットに「条件付きグラデーション」が表示されません。

Answer 2

これは非常に使いやすいプログレスバーの実装です。プログレスバーが必要なときはいつでも使用します。 http://www.bram.us/projects/js_bramus/jsprogressbarhandler/#what

Answer 3

http://jsfiddle.net/Tcndj/2/

私の例のように、通常はラッパー div を使用します。