Use linear-gradient colors in Js

I would like to know how I can apply linear-gradient to a script I found from [wavesurfer-js](https://wavesurfer-js.org/example/rounded-bars/index.html) I want to apply to the progressColor, I tried this:

`var wavesurfer = {};
var color_1 = ‘#D16BA5’;
var color_2 = ‘#86A8E7’;
var color_3 = ‘#5FFBF1’;

var wavesurfer = WaveSurfer.create({
container: document.querySelector(‘#waveform’),
waveColor: ‘#D9DCFF’,
progressColor: ‘linear-gradient(to right, ‘+ color_1 +’, ‘+ color_2 +’, ‘+ color_3 +’)’,
//or progressColor: ‘linear-gradient(to right, ‘+ color_1.value +’, ‘+ color_2.value +’, ‘+ color_3.value +’)’,
cursorColor: ‘#4353FF’,
barWidth: 3,
barRadius: 3,
cursorWidth: 1,
height: 200,
barGap: 3
});`
But it does not apply it only turns the progressColor black. Any help? Thanks

Also in #JavaScript _↴