Flowdock
method

upload_status_progress_bar_tag

Importance_2
v1.0.0 - Show latest stable - 0 notes - Class: ActionView::Helpers::UploadProgressHelper
  • 1.0.0 (0)
  • 1.1.1
  • 1.1.6
  • 1.2.0
  • 1.2.6
  • 2.0.0
  • 2.0.3
  • 2.1.0
  • 2.2.1
  • 2.3.2
  • 2.3.8
  • 3.0.0
  • 3.0.5
  • 3.0.9
  • 3.1.0
  • 3.2.1
  • 3.2.3
  • 3.2.8
  • 3.2.13
  • 4.0.2
  • What's this?
upload_status_progress_bar_tag(content='', options={}) public

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%;
  }
Show source
Register or log in to add new notes.