title: Dropzone.js upload progress bar not showing
body: <p>I'm using Dropzone.js for file uploads, and it's working perfectly except that the progress bar is not appearing. There are no errors. I'm using Bootstrap for the front end of the site.</p>
  
  <p>After uploading a file, if I inspect the element in Chrome, I see that both it and its parent have a height of 0px:</p>
  
  <p><img src="https://i.stack.imgur.com/KQ9hp.png" alt="enter image description here"><img src="https://i.stack.imgur.com/rJjfg.png" alt="enter image description here"></p>
  
  <p>The strange thing is, if I manually set the height to 10px, it remains 0px. Even if I set the width and height <em>inline</em>, it remains 0px width and height in the element inspector. (<code>dz-progress</code>, the parent div, will change if I set it, though.) </p>
  
  <p>My best guess is that something in Bootstrap or jquery is conflicting with it, but I'm not good enough with CSS to ferret it out (if it's even a CSS issue). Here is my relevant code. I instantiate Dropzone with Jquery, on the body tag, so that you can drop a file anywhere in the browser window.</p>
  
  <pre><code>&lt;div id="upload"&gt;
  Drag and drop anywhere on the page to upload, or click here to select files.
  &lt;/div&gt;
  &lt;div id="uploads"&gt;&lt;/div&gt;
  
  &lt;script src="bootstrap\js\jquery-2.1.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="bootstrap\js\bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="bootstrap\js\dropzone.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $("body").dropzone({ url: "upload.php", maxFilesize: 10, previewsContainer: "#uploads", clickable: "#upload", paramName: "userfile", success: function(file, response){ alert("success: "+response); }, error: function(file, response){ alert("error: " +response); }, method: "post" });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any ideas will be appreciated.</p>