Làm thế nào để hiển thị tiến trình tải xuống trong một thông báo trong ứng dụng lai ion?

Question

Tôi muốn hiển thị Tiến độ tải xuống trong thanh thông báo cho ứng dụng Ionic Hybrid của tôi.như native app. Tôi đang sử dụng plugin cordova file transfer để tải xuống tệp.

Điều này có thể áp dụng cho ứng dụng Ionic không? Làm thế nào tôi có thể làm điều đó?

Như thế này:

Answer 1

Sử dụng cordovaToast plugin cho feature.Here đây là ví dụ cho thấy pdf tải về tiến bộ

html

<ion-view > 
    <div class="bar bar-subheader bar-positive" style="padding:0px;height: 8px;" > 
     <progress id="progressbar" max="100" value="{{ downloadProgress }}" class="progress"> </progress> 
    </div> 
    <ion-content> 
    </ion-content> 
</ion-view> 

css

.progress { 
    margin: 0 px; 
    height: 8 px; 
    background - color: #F1292B!important; 
    border - radius: 2 px; 
    box - shadow: 0 2 px 5 px rgba(0, 0, 0, 0.25) inset; 
} 

js

if (window.cordova) { 
    var url = '{{base_url}}/pdf_download/' + id; 
    // Android 
    var targetPath = 'file:///storage/sdcard0/' + 'fpl_' + id + '.pdf'; 
    var trustHosts = true; 
    var options = {}; 
    $cordovaFileTransfer.download(url, targetPath, options, trustHosts) 
     .then(function(result) { 
      $cordovaToast 
       .show('File downloaded successfully..', 'short', 'center') 
       .then(function() { 
        // success 
       }, function() { 
        // error 
       }); 

      console.log(result); 
     }, function() { 
      var alertPopup = $ionicPopup.alert({ 
       title: 'No internet access', 
       buttons: [{ 
        text: 'OK', 
        type: 'button-assertive' 
       }] 
      }); 
      alertPopup.then(function() {}); 

     }, function(progress) { 
      var dnldpgs = progress.loaded.toString().substring(0, 2); 
      $scope.downloadProgress = parseInt(dnldpgs); 
     }); 
} 

Nếu bạn có bất kỳ doubt.Please cho tôi know.Thanks.