dos divs divididos con línea diagonal - CSS

Estoy tratando de obtener dos divs que se ajusten al ancho completo de la página, pero se dividen por la mitad con una línea diagonal.

¿Cómo puedo lograr esto con dos divs a través de CSS? es para un control deslizante y necesita contenido agregado a cada parte cuando haya terminado