render(indent) {
    this.addClass(`progress`);

    const div = new html.Div().addClass('progress-bar').attr('role', 'progressbar').style(`width: ${this.percent()}%;`);
    
    div.addClass(`bg-${this.color()}`);
    
    if ( this.animated() )
      div.addClass(`progress-bar-animated`);
    
    if ( this.striped() )
      div.addClass(`progress-bar-striped`);

    this.append(div);
    
    return super.render(indent);
  }
/**
   * Render the component.
   * @signature render(number) Render this component with (number) spaces of indentation
   * @return The rendered HTML
   */
Render the component.
@signature render(number) Render this component with (number) spaces of indentation
@return The rendered HTML
Render the component . @signature render ( number ) Render this component with ( number ) spaces of indentation @return The rendered HTML
render(indent) {
    this.addClass(`progress`);
    const div = new html.Div().addClass('progress-bar').attr('role', 'progressbar').style(`width: ${this.percent()}%;`);
    div.addClass(`bg-${this.color()}`);
    if ( this.animated() )
      div.addClass(`progress-bar-animated`);
    if ( this.striped() )
      div.addClass(`progress-bar-striped`);
    this.append(div);
    return super.render(indent);
  }
render ( indent ) { this . addClass ( ` ` ) ; const div = new html . Div ( ) . addClass ( 'progress-bar' ) . attr ( 'role' , 'progressbar' ) . style ( ` ${ this . percent ( ) } ` ) ; div . addClass ( ` ${ this . color ( ) } ` ) ; if ( this . animated ( ) ) div . addClass ( ` ` ) ; if ( this . striped ( ) ) div . addClass ( ` ` ) ; this . append ( div ) ; return super . render ( indent ) ; }
Render the component.
Render the component .