d-md-components/progress/views/index.html

A pack of components for Derby according to Google's Material Design based upon mdl (getmdl.io).

<index: attributes="accent class">
  <div as="progressContainer" class="dmd-progress-container{{if showing}} dmd-progress-container--showing{{/if}}{{if class}} {{class}}{{/if}}">
    {{if loading}}
      <div class="dmd-progress mdl-progress{{if loading}} mdl-progress__indeterminate{{/if}}">
        <div style="width: 0%;{{if accent}}background-color:{{accent}}{{/if}}" class="progressbar bar bar1"></div>
        <div style="width: 100%;{{if accent}}background-color:{{accent}}{{/if}}" class="dmd-progress---bufferbar bar bar2"></div>
        <div style="width: 0%;{{if accent}}background-color:{{accent}}{{/if}}" class="auxbar bar bar3"></div>  
      </div>
    {{/if}}
  </div>