upload_status_progress_bar_tag

Content helper that will create the element tree that can be easily styled with CSS to create a progress bar effect. The containers are defined as:

  <div class="progressBar" id="#{progress_bar_id}">
    <div class="border">
      <div class="background">
        <div class="content"> </div>
      </div>
    </div>
  </div>

The content parameter will be included in the inner most div when rendered.

The options will create attributes on the outer most div. To use a different CSS class, pass a different class option.

Example:

  <%= upload_status_progress_bar_tag('', {:class => 'progress'}) %>

Example CSS:

  div.progressBar {
    margin: 5px;
  }

  div.progressBar div.border {
    background-color: #fff;
    border: 1px solid grey;
    width: 100%;
  }

  div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
  }