Solve the uni-app progress progress bar (the rounded corner of the label setting does not take effect, and the gradient is not supported)

first look at the effect

directly on the code

.uni-progress-bar {
		// 这主要是加上deep才能改变它原来的样式 
		border-radius: 10px !important;
		overflow: hidden;
	}
	
	.uni-progress-inner-bar {  
	    // 这主要是加上deep才能改变它原来的样式
	    border-radius: 10px !important;
	    overflow: hidden;
		background:linear-gradient(to right, #F137C8, #AA2AF9);
	}

If it does not take effect, you can contact me through the mini program customer service

If it is useful to you, pay attention to the blogger's applet, log in to give support, and any open source and useful source code will be uploaded to the applet in the future