[Help] Making progress bar

[sancel22]

Hi can someone help show some snippets for displaying progress bar while uploading the recording. My recording takes up to 10mins long and it also takes time to upload in on the server. So it might help if I can have working progress bar to display while uploading is on progress. Thank you

[michalstocki]

What method of uploading do you use? Click on 'upload' button of embedded .swf object or upload via Javascritpt XHR?

[sancel22]

Hi @michalstocki thanks for your reply, I'm just using the embedded .swf object.

[michalstocki]

try something like that:

<style>
    .progress-bar {
        width: 150px;
        height: 20px;
        postion: relative;
    }

    .progress-bar .progress {
        height: 100%;
        width: 0;
        background-color: green;
        position: absolute;
        left: 0;
        top: 0;
    }
</style>

<div class="progress-bar">
    <div class="progress"></div>
</div>

and in javascript:

  window.fwr_event_handler = function fwr_event_handler() {
    var name;
    switch (arguments[0]) {
      // ...
      case "save_progress":
        name = arguments[1];
        var bytesLoaded = arguments[2];
        var bytesTotal = arguments[3];
        var percentageProgress = bytesLoaded / bytesTotal * 100;
        $('.progress').css({width: percentageProgress + '%'});
        break;
    }
  };

[sancel22]

Hi @michalstocki

Here's status on my case

When I pressed upload button, my last event was saving and it will stay there while upload is ongoing, and once it's done uploading the file that's the only time save_progress was triggered and will display my test log saving progress filename.wav 26 / 26. That's the reason why my progress bar won't work, coz seems like in my case save_progress was triggered when everything was done.

Thanks

[michalstocki]

Ok. It seems that something is broken. I need more time to investigate it.