Как изменить процент линейного градиента с помощью JavaScript?

Question

Я хочу создать круг для заполнения, используя линейный градиент. У меня есть файл CSS и JavaScrpit, только я не могу понять, как выбрать свойство линейного градиента в JS.

<div id="circle" class="circleBase "></div> 
    #circle{ 
     width: 300px; 
     height: 300px; 
     background-color:blue; 
     background: linear-gradient(90deg, #FFC0CB 0%,white 100%); 
    } 

    function changeBackground() { 
     var elem = document.getElementById("circle"); 
     var width = 1; 
     var id = setInterval(frame, 10); 
     function frame() { 
      if (width >= 100) { 
       clearInterval(id); 
      } else { 
       width++; 
       elem.style = ???? 
      } 
     } 
    } 

Answer 1

Просто определить его как строку:

elem.style.background = 'linear-gradient(180deg, #FFC0CB 0%,white 100%)'; 

function changeBackground() { 
 
     var elem = document.getElementById("circle"); 
 
     var width = 1; 
 
     var id = setInterval(frame, 10); 
 
     function frame() { 
 
      if (width >= 100) { 
 
       clearInterval(id); 
 
      } else { 
 
       width++; 
 
       elem.style.background = 'linear-gradient(180deg, #FFC0CB 0%,white 100%)'; 
 
      } 
 
     } 
 
    } 
 
    
 

#circle{ 
 
     width: 300px; 
 
     height: 300px; 
 
     background-color:blue; 
 
     background: linear-gradient(90deg, #FFC0CB 0%,white 100%); 
 
    }

<div id="circle"></div> 
 
<button onclick="changeBackground()">Change!</button>