search

waynehoover / s3_direct_upload

Direct Upload to Amazon S3 With CORS
MIT License
652 stars 333 forks source link

Progress not shown #261

Open thebravoman opened 7 years ago

thebravoman commented 7 years ago

I've tried with 

<script id="template-upload" type="text/x-tmpl">
<div class="upload">
  {%=o.name%}
  <div class="progress progress-striped active"><div class="bar" style="width: 0%"></div></div>
</div>
</script>

and with 

<div class="upload js-progress-bars">
                  <div class="progress">
                    <div class="bar"> </div>
                  </div>
                </div>

Doesn't matter. I both cases the progress is not shown.

Could you assist me?

thebravoman commented 7 years ago

Just a large white line shown for the whole 100%. But only that. Progress is not tacked.

thebravoman commented 7 years ago

It immediately gets to 100% with while the file is still uploaded and the with is updated.

I can see the file is uploaded from "Inspect" and see how the % is changed, but the progress looks all the same.

thebravoman commented 7 years ago

Having a class "bar" is not correct. The class should be named progress-bar for the progress to be visible but then the width is not changed.

thebravoman commented 7 years ago

I've added an ugly hack here with the progress bar having both progress-bar and bar classes for this to work.

<script id="template-upload" type="text/x-tmpl">
                    <div class="upload">
                      {%=o.name%}
                      <div class="progress progress-striped active"><div class="bar progress-bar" style="width: 0%"></div></div>
                    </div>
                    </script>