Как нарисовать через CSS такую изогнутый div?
 

Как нарисовать через CSS такую дугу? Двух-цветную?
Что вообще понимается в макете под таким элементом?
Индикатор загрузки?

Это может быть любой процесс от 0 до некоего N...
Умея делать круг

#circle {
	width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

И овал

#oval {
	width: 200px;
	height: 100px;
	background: red;
	-moz-border-radius: 100px / 50px;
	-webkit-border-radius: 100px / 50px;
	border-radius: 100px / 50px;
}

https://habrahabr.ru/post/126207/

Можно, накладывая и обрезая элементы, сделать такие штуки... ;)

Я бы на Вашем месте применил тут лучше SVG, нежели извращался так с CSS.