bootsoon / ng-circle-progress

A simple circle progress component created for Angular based on SVG Graphics.
https://bootsoon.github.io/ng-circle-progress/
MIT License
250 stars 85 forks source link

simply doesn't work #210

Open ohabash opened 6 months ago

ohabash commented 6 months ago

I followed the install steps below. An angular component renders with nothing in it. I dont see any console errors

Screenshot 2023-12-27 at 2 53 43 PM

1

npm install ng-circle-progress --save

2

added it to the imports of my module like the install guide

3

<circle-progress
  [percent]="85"
  [radius]="100"
  [outerStrokeWidth]="16"
  [innerStrokeWidth]="8"
  [outerStrokeColor]="'#78C000'"
  [innerStrokeColor]="'#C7E596'"
  [animation]="true"
  [animationDuration]="300"
></circle-progress>

Versions


     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/

Angular CLI: 14.2.13
Node: 16.19.0
Package Manager: npm 8.19.3 
OS: darwin arm64

Angular: 14.2.12
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router, service-worker

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1402.12
@angular-devkit/build-angular   14.2.13
@angular-devkit/core            14.2.12
@angular-devkit/schematics      14.2.12
@angular/cdk                    14.2.7
@angular/cli                    14.2.13
@angular/fire                   6.1.5
@angular/material               14.2.7
@angular/pwa                    13.3.11
@schematics/angular             14.2.12
ng-packagr                      14.2.2
rxjs                            7.5.7
typescript                      4.8.4

installed version npm ls ng-circle-progress

ng-circle-progress@1.7.1

neddyKG commented 5 months ago

Same here, followed all the steps, in my case I have Angular 13 so I installed with npm install ng-circle-progress@1.6.0 --save, but it doesn't work, nothing appears.