how can i make progress bar please help

[Meguais]

i cant make progress bar how can i make progressbar
can you show me
thank you

ipcMain.handle("downloadUpdate", (event, info) => {
  info.properties.onProgress = function(progress) {
      console.log('hi');
  }
  download(BrowserWindow.getFocusedWindow(), info.url, info.properties)
  .then(dl => event.sender.send("updateDownloadCompleted", dl.getSavePath()));

});

 ipcRenderer.invoke("downloadUpdate", {
  url: "http://ipv4.download.thinkbroadband.com/5MB.zip",
    properties: {
      openFolderWhenDone:true,
      showBadge:false,
      filename: 'test.zip',
      }
    });

[Muetze42]

My main.js

  ipcMain.on('download-update', () => {
    download(mainWindow, updaterBaseUrl + 'download', {
      directory: app.getPath('userData'),
      overwrite: true,
      onProgress: (status) => {
        mainWindow.webContents.send('download-update-progress', status.percent)
      }
    })
      .then((download) => {
        console.log(download.getSavePath())
        console.log(download.getFilename())
        //mainWindow.webContents.send('download-update-complete', download.getSavePath())
      })
      .catch((error) => {
        console.log(error)
      })
  })

Part in my renderer (VUE):

      electron.ipcRenderer.on('download-update-progress', (event, progress) => {
        this.updateDownloadProgress = Math.floor(progress * 100)
      })