html – Un segmento de un circulo: menos de la mitad de un semicirculo

Quiero hacer un segmento de un circulo pero que vaya de una esquina remarkable a otra de la pantalla.

Este es mi codigo:

HTML

<< div course=" outerClass"> <> < div course=" innerClass"><>

CSS

 div.outerClass {
placement: outright;
left: 125px;
top: 125px;
elevation: 75px;
overflow: concealed;
}
div.innerClass {
background-color: red;
placement: family member;
lower:188 px;
size:250 px;
elevation:250 px;
boundary: 1px strong # 000;
border-radius: 125px;
}

Asi se ve en el navegador, y quiero que sea de una a otra como un navbar pero de una “sandia” gigante:

go into photo summary right here