Html 如何根据百分比获得2种背景色，我选择

这是我的代码，但它有一个问题

大家好，这是我的第一组



大家好，这是我的二部

第二个颜色挡块位置错误，给出第一个示例，它的值应小于第一个挡块

大家好，这是我的第一组



大家好，这是我的二部

百分比指定渐变的开始和停止位置。例如，尝试指定10%和9%（10%-90%表示从红色开始，从10%到90%将红色褪色为灰色，然后保持灰色）。