Establecer el color de fondo solo parcialmente con hojas de estilo

¿Cómo puedo configurar el color de fondo para una parte del fondo como en la siguiente imagen:

Por supuesto, sin marcos de borde, quiero establecer solo el color cian.

Necesito establecer la longitud de la parte izquierda (cian) como el porcentaje de la longitud del widget, por ejemplo, 30%.

Respuestas a la pregunta(2)

Su respuesta a la pregunta