How to create a progress graph in ionic 3?

Question

How to create a progression dial in ionic form 3. I am new to ionic. I already tried to install

npm install jquery-circle-progress 

package link here

It is installed perfectly, but I am confused, how to use it in ionic? please guide me. thanks in advance

Update:

  import { NgModule } from '@angular/core'; import { IonicPageModule } from 'ionic-angular'; import { ProfilePage } from './profile'; import { RoundProgressComponent } from 'angular-svg-round-progressbar'; @NgModule({ declarations: [ ProfilePage, ], imports: [IonicPageModule.forChild(ProfilePage), ], }) export class ProfilePageModule {} 

Answer 1

Update: 06-11-2017

This does not work with the latest version ( 1.2.0 ). But it works fine with npm install angular-svg-round-progressbar@1.1.1 --save .

Git repo work :

Another answer here

Old answer:

You cannot use the above jquery progress bar with Ionic. For this you need to use the Angular module.

Here is one that you can use.

Demo

Git repo

Steps:

 npm install angular-svg-round-progressbar --save 

After that, you need to import RoundProgressModule into module , as shown below:

 import {NgModule} from '@angular/core'; import {RoundProgressModule} from 'angular-svg-round-progressbar'; @NgModule({ imports: [RoundProgressModule] }) export class YourModule {}; 

Update:

 import { RoundProgressComponent } from 'angular-svg-round-progressbar'; @NgModule({ declarations: [ ProfilePage, ], imports: [IonicPageModule.forChild(ProfilePage), RoundProgressModule], }) export class ProfilePageModule {}