Окружность с градиентом

1,00
р.
Как создать такую окружность, как на рисунке? На рисунке есть ещё задний фон. Можно нарисовать круг с градиентом, и с помощью :before закрыть внутреннюю часть по периметру, но как тогда показать задний фон через :before?

Ответ
Используя пример ответа @Максим Ленский, сгенерированный генератором, можно сделать читабельный и понятный вариант: