How to design circle progress bar in ionic 3?
Update: 06-11-2017
This is not working with the latest version (1.2.0
). But it is working fine with npm install angular-svg-round-progressbar@1.1.1 --save
.
Another Answer is here
Old Answer:
You can't use above mentioned jquery progress bar with Ionic.You have to use an Angular module for that.
Here is the one which you can use.
Steps:
npm install angular-svg-round-progressbar --save
After that you need to import the RoundProgressModule
in your 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 {}