How to design circle progress bar in ionic 3? How to design circle progress bar in ionic 3? angular angular

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.

Working git repo:

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.

Demo

Git Repo

enter image description here

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 {}