主要用到qlineargradient,写以下CSS样式即可实现:
background:qlineargradient(spread:pad, x1:0, y1:0, x2:1, y2:0, stop:0 rgba(255, 0, 0, 255), stop:0.5 rgba(255, 0, 0, 255), stop:0.6 rgba(255, 255, 255, 255), stop:1 rgba(255, 255, 255, 255));
其中,0-1,可以细化到不同的区域(0.1, 0.2, 0.3....),还可以更小,以分别对应进度条0-100
http://blog.csdn.net/itjobtxq/article/details/8910910