Проблема с переходом для свойства фона

Question

Я пытаюсь сделать индикатор хода звонка, это почти сделано, но я не могу сделать надлежащую анимацию. Я добавляю переход для фона, но анимация не работает. Это мой стиль css для кольца прогресса.

    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
      background: conic-gradient(red <change this value with js>%, 0, #ECEFF1 <change this value with js>%);

    transition: background .3s linear;
    border-radius: 50%;