разукрашенный круг

Как на svg нарисовать такой круг, чтоб его закрашенность оранжевым цветом можно было легко менять от 0 до 100% ? Пробовал на css подобное, но что-то не одно решение не подошло, а в свг я профан