求助成长值进度条怎么做？

[qq_32005643]

如图这个我已经能实现了用的是两个div重叠设置背景，但是我这个两个背景图底层div灰色的背景是两边圆角的，而第一层红色背景图右边不是圆角的，所以当经验值满了的时候，第一层右边不是圆角的，而且覆盖了底层的背景图就很难看了，请问怎么解决这一个问题？

[slwsss]

<div style="width:400px;height:10px;background:#ccc;border-radius: 15px;overflow: hidden;"><div style="width:80px;height:100%;background:red;"></div></div>

[qq_32005643]

引用 1 楼 slwsss 的回复:

<div style="width:400px;height:10px;background:#ccc;border-radius: 15px;overflow: hidden;"><div style="width:80px;height:100%;background:red;"></div></div>

我试一下

[木头海上漂]

overflow：hidden
超出部分隐藏就好了

[Finally_yang]

楼主能把这个代码发我一份吗，项目需求，这块不会做啊