Progress Bar, not animating on inactive tab.

[herryG]

I have progress bar and I am using signalR to trigger animation, It workes perfectly when I am on the tab but when the tab is inavtive it pauses the animation.

var bar = new ProgressBar.Line("#su_progress-spinner", { strokeWidth: 4, easing: 'easeInOut', duration: 1400, color: '#1dc9b7', trailColor: '#eee', trailWidth: 1, svgStyle: {width: '100%', height: '100%'}, text: { style: { // Text color. // Default: same as stroke color (options.color) color: '#999', position: 'absolute', right: '0', top: '30px', padding: 0, margin: 0, transform: null }, autoStyleContainer: false }, from: {color: '#1dc9b7'}, to: {color: '#1dc9b7'}, step: (state, bar) => { bar.setText(Math.round(bar.value() * 100) + ' %'); } });