ng2-bootstrap
Version:
angular2 bootstrap components
48 lines (41 loc) • 1.41 kB
Markdown
### Usage
```typescript
import { ProgressbarModule } from 'ng2-bootstrap/ng2-bootstrap';
// or
import { ProgressbarModule } from 'ng2-bootstrap/components/progressbar';
```
### Annotations
```typescript
// class Progress implements OnInit
export class ProgressDirective implements OnInit {
public animate:boolean;
public get max():number {}
public addClass = 'progress';
}
// class Bar implements OnInit, OnDestroy
export class BarComponent implements OnInit, OnDestroy {
public type:string;
public get value():number
}
// class Progressbar
export class ProgressbarComponent {
public animate:boolean;
public max:number;
public type:string;
public value:number;
}```
### Properties
**Note**: all components have same meaning of properties
- `value` (`*number`) - current value of progress bar
- `type` (`*string`) - provide one of the four supported contextual classes:
`success`,`info`, `warning`, `danger`
- `max` (`?number=100`) - maximum total value of progress element
- `animate` (`?boolean=true`) - if `true` changing `value` of progress bar will be animated (*note*: not supported by Bootstrap 4)