这种怎么实现？
<div class="s-b" style="border:1px solid red; font-size:0.1rem;">
<div style="display:inline-block; width:60%;">
<p>￥25.90<de/>￥55.00</del> </p>
<p>已售出54%</p>
</div>
<div style="display:inline-block; width:40%;float:right; background:red; color:white; text-align:center;">立即抢购</div>
</div>
我写到这里就不会了 有没有更好的方法

灰色条和红色条放在一个固定宽度的元素里，灰色条定义成一个元素,销售量的红色条定义成一个元素，两个用绝对定位放在一起，红色的div放在灰色的上面，然后红色的div宽度用百分比来控制