File transfer download progress not update in page

Hi
i user below code for show the progress of download file
it’s work correctly in console log but in page the percent of progress not updated

this.plt.ready().then(() => {
            let mp3Transfer :FileTransferObject  = this.transfer.create();
            mp3Transfer.onProgress((progress)=>{
                let perc = Math.floor(progress.loaded / progress.total * 100);
                console.log(perc);
                this.showDL = perc;
            });
            mp3Transfer.download(this.post.cd_meta.tracks[0].mp3, this.file.externalDataDirectory + this.post.id+'.mp3').then((entry) => {
                this.addToList_mp3 = entry.toURL();
            }, (error) => {
            });
        });

for show

<div [innerHtml]=showDL></div>

when download start and its end it’s show but in update value not show in page (in console log work correctly update)

please guide me :pray: