这种h5的百分比进度条如何实现

Question

手机页面REM布局? 这种效果如何实现？创建一个长条 覆盖在上边吗

Answer 1

左右圆角矩形，中间背景为橙色的长方矩形，红色百分比的长度定位在中间的矩形left，根据数据改变红色百分比长度