uniapp WeChat applet progress bar progress gradient color effect (demo)

Insert image description here

<view style="margin: 20px;">
	<progress percent="60" stroke-width="14" activeColor="#05A081" border-radius="6px" />
</view>

.wx-progress-inner-bar {
    
    
	border-radius: 6px !important;
	background:linear-gradient(to right,#05A081,#87CBCB);
}

Guess you like

Origin blog.csdn.net/qq_38881495/article/details/133266802