Я пытаюсь сделать интерактивную круговую диаграмму или кольцо прогресса (предпочтительно первое) для школьного проекта. По сути, это был бы круг, который вы могли бы щелкнуть и перетащить курсор вокруг или перетащить палец вокруг, и он будет заполнен цветом, следующим за курсором / пальцем. Основная цель - чтобы кто-то мог легко выбрать количество времени, которое он хочет использовать. Например: вы бы перетаскивали из верхней части круга вниз, и он заполнил бы наполовину, указывая на шесть часов использования. Я пытаюсь сделать это внутри Framer X, который использует React для кодирования,Я почти ничего не знаю о том, как кодировать. Я знаю действительно базовые html и css, и я провел весь день, наблюдая за часами кодирования видео безрезультатно. ПОЖАЛУЙСТА, ПОМОГИТЕ !!!!!