I have a DIV like this:

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

```

How can i make this div background with gradient to start from 44% of the div. just like the picture. if we put width 43% so just this color #9c45c4 will be shown.. if we put more than 43% the gradient will start.

Thank you all.