带CSS的HTML进度条

-1

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

我怎样才能使这个div的背景梯度从股利的44％开始。就像图片一样。如果我们将宽度设置为43％，那么只会显示此颜色＃9c45c4。如果我们放置43％以上，渐变将开始。

谢谢大家。

2012-07-03 Saif Adnan

将background-size设置为进度条的包含元素的大小。

我在您提供的屏幕截图中看不到任何“条件渐变”。

2012-07-03 15:54:16

渐变是从＃9c45c4到黑色（＃000000） –

是的，随着进度条大小的变化，它会显示更多的渐变。渐变本身不会改变。 –

你能写一个简单的代码吗？我没有得到它（ –

我通常在我的例子中使用的包装DIV，等等。

2012-07-03 16:20:54 velocityhead

http://jsfiddle.net/Tcndj/3/你会看到我的意思.... –

所以你的问题是，梯度与酒吧的宽度尺度... 如何将梯度应用到父div，并使用内部栏作为“遮罩”？栏将需要宽度反转（25％现在变为75％）。请参阅示例：http://jsfiddle.net/Tcndj/4/ – velocityhead

但问题是我有边界半径..想象与边界半径..右侧将不具有边界半径.... http://jsfiddle.net/Tcndj/5/ –

这是一个很好用的进度条实现。每当我需要进度条时，我都会使用它。 http://www.bram.us/projects/js_bramus/jsprogressbarhandler/#what

2012-07-03 16:36:49 ewein

回答