The module comes with some pre-configured options for things like colors, size, stroke etc. If these don't match your app's design, you can change the global defaults by providing a new value for the ROUND_PROGRESS_DEFAULTS injection token. Whenever an option isn't defined on a round-progress element, it's value will be taken from the defaults. To use it :

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

import {NgModule} from '@angular/core'; 
import { 
  RoundProgressModule, 
  RoundProgressConfig, 
  ROUND_PROGRESS_DEFAULTS 
} from 'angular-svg-round-progressbar'; 

@NgModule({
 imports: [RoundProgressModule], 
 providers: [
   { 
    provide: ROUND_PROGRESS_DEFAULTS, 
    useValue: { color: '#f00', background: '#0f0' } 
   }
] 
}) 
export class YourModule {}; 

For more on this module, go here: https://github.com/crisbeto/angular-svg-round-progressbar