每次运行不同的函数时更新进度条

Question

所以我有一个进度条，每次针脚在地图上掉落时都需要更新，但是它们分为两个独立的功能。这是我的进度条：

       function moveBar() {
          var barEl = document.getElementById("myBar");   
          var barW = 1;
          var barid = setInterval(frame, 10);
          function frame() {
            //rLength is the length of an array = the total amount of possible pin drops
            if (barW >= rLength) {
              clearInterval(barid);
            } else if (pin drops) {
              barW++; 
              elem.style.width = barW + '%'; 
              }
            }
        }

在这个功能之外我有一个地图和另一个用于在地图上放置一个每秒运行大约2个引脚的功能但是可能需要一段时间才能丢弃所有引脚。如何检查新引脚是否被丢弃并更新进度条？

编辑：我忘了添加pin drop在map函数内部，进度条在这两个之外...所以它看起来像这样：

function progressbar(){}
function map(){
    function pinDrop(){}
 }

更新：我已将代码更改了一些，但它打印了＃34; Undefined＆＃34;。每次引脚掉落时都会调用checkMarkerCount（）。

   var pDrop = 0;
   var dropCounter = pDrop;
   var rLength;
    function checkMarkerCount() {
      if (dropCounter != pDrop) {
        moveBar();
      }
    }
    function moveBar() {
       var barEl = document.getElementById("pro-bar");   
       var barW = 1;
       var barid = setInterval(frame, 10);
       var counter = pDrop; 
      function frame(counter) {
        //rLength is the length of an array = the total amount of possible pin drops
        if (counter >= rLength) {
          clearInterval(barid);
        } else {
          barW = counter; 
          barEl.style.width = barW + '%'; 
          console.log(barW)
        }
      }
    }