After Ajax Refresh trying to reinitialize style property with new DB values

Hi,

I have a bootstrap progress bar for which I am setting "width" property with JS. The value for this is being retrieved from Local Data > DataLayer.Rest. I also have a date range element that gets the data from the REST service and updates the labels with new values.

On the first page load, everything is working fine. However, when the date range is changed, I am unable to get the new value from the below-pasted code in JS. Is there any other event that can be used to capture the data after report elements have been rendered?

jQuery(function attachStyle(){
jQuery("#progress-coll-rate").css("width",'@Local._restLocalData.CollectionRate~'+"%");
}); 

if ( LogiXML.Ajax.AjaxTarget ) {
LogiXML.Ajax.AjaxTarget().on( 'reinitialize', function() {
alert('@Local._restLocalData.CollectionRate~')/*Getting the initial value again*/

})
}
})