Как бы вы go настроили линейный градиент с помощью jQuery?

Question

Я пытаюсь обновить следующее CSS:

#timeline-bg {
    background: linear-gradient(to right, #FFC60B 0%, #FFC60B 30%, #130c0e 30%, #130c0e 30%, #130c0e 100%);
}

, используя jQuery, я пробовал следующее, но не могу заставить его работать:

$('#timeline-bg').css({background:'linear-gradient(to right, #FFC60B 0%, #FFC60B '+progress_value+'%, #130c0e '+progress_value+'%%, #130c0e '+progress_value+'%%, #130c0e 100%)'});

Где progress_value - это целое число в диапазоне от 0 до 100.

Есть идеи о том, как заставить это работать?