ng2-progress-arc

progress arc for angular2

Usage no npm install needed!

<script type="module">
  import ng2ProgressArc from 'https://cdn.skypack.dev/ng2-progress-arc';
</script>

README

ng2-progress-arc

This module supports for Angular2 rc version.

The sources for this package are in (https://github.com/sharmilemurugaraj/ng2-progress-arc) repo. Please file issues and pull requests against that repo.

Usage

Include the following lines in typescript file.


import {Component} from '@angular/core';
import {ProgressArc} from './directives/progress-arc';

@Component({
    selector : 'my-app',
    directives: [ProgressArc],
    template:  `
        <div class="row">
          <div class="col-xs-6">
            <progress-arc [size]=100 [strokeWidth]=5 [stroke]="red" [complete]=0.8></progress-arc>
          </div>
        </div>  `
})
export class AppComponent {

}

You can change the size,strokewidth,stroke and complete as per your requirements.