{"action":"created","issue":{"url":"https://api.github.com/repos/valor-software/ngx-bootstrap/issues/2009","repository_url":"https://api.github.com/repos/valor-software/ngx-bootstrap","labels_url":"https://api.github.com/repos/valor-software/ngx-bootstrap/issues/2009/labels{/name}","comments_url":"https://api.github.com/repos/valor-software/ngx-bootstrap/issues/2009/comments","events_url":"https://api.github.com/repos/valor-software/ngx-bootstrap/issues/2009/events","html_url":"https://github.com/valor-software/ngx-bootstrap/issues/2009","id":232220994,"number":2009,"title":"ngx Bootstrap-ProgressBar not running properly","user":{"login":"HafsaAsif","id":12494385,"avatar_url":"https://avatars1.githubusercontent.com/u/12494385?v=4","gravatar_id":"","url":"https://api.github.com/users/HafsaAsif","html_url":"https://github.com/HafsaAsif","followers_url":"https://api.github.com/users/HafsaAsif/followers","following_url":"https://api.github.com/users/HafsaAsif/following{/other_user}","gists_url":"https://api.github.com/users/HafsaAsif/gists{/gist_id}","starred_url":"https://api.github.com/users/HafsaAsif/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/HafsaAsif/subscriptions","organizations_url":"https://api.github.com/users/HafsaAsif/orgs","repos_url":"https://api.github.com/users/HafsaAsif/repos","events_url":"https://api.github.com/users/HafsaAsif/events{/privacy}","received_events_url":"https://api.github.com/users/HafsaAsif/received_events","type":"User","site_admin":false},"labels":[{"id":522519894,"url":"https://api.github.com/repos/valor-software/ngx-bootstrap/labels/comp(progressbar)","name":"comp(progressbar)","color":"0e8a16","default":false},{"id":245589274,"url":"https://api.github.com/repos/valor-software/ngx-bootstrap/labels/question","name":"question","color":"cc317c","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2017-05-30T11:23:13Z","updated_at":"2017-11-13T04:25:04Z","closed_at":"2017-06-02T13:55:28Z","author_association":"NONE","body":"Hi, \r\nI have tried ngx Bootstrap-ProgressBar from the link http://valor-software.com/ngx-bootstrap/#/progressbar, and follow the exact steps mentioned in it. \r\n1. Follow the same steps for import module class.\r\n2. My component HTML file:\r\n```\r\n<progressbar [max]=\"max\" [value]=\"dynamic\">\r\n  <span style=\"color:white; white-space:nowrap;\">{{dynamic}} / {{max}}</span>\r\n</progressbar>\r\n``` \r\n3. My component TS file:\r\n ```\r\nconstructor(){\r\n     this.random();\r\n  }\r\n\r\n  public max: number = 200;\r\n  public showWarning: boolean;\r\n  public dynamic: number;\r\n  public type: string;\r\n\r\n  public random(): void {\r\n    let value = Math.floor((Math.random() * 100) + 1);\r\n    let type: string;\r\n\r\n    if (value < 25) {\r\n      type = 'success';\r\n    } else if (value < 50) {\r\n      type = 'info';\r\n    } else if (value < 75) {\r\n      type = 'warning';\r\n    } else {\r\n      type = 'danger';\r\n    }\r\n\r\n    this.showWarning = (type === 'danger' || type === 'warning');\r\n    this.dynamic = value;\r\n    this.type = type;\r\n  }\r\n```\r\n4. Display is attached in image file: Bad-display-progressbar.jpg\r\n\r\nProgress works but partially not as smart as mentioned in demos in http://valor-software.com/ngx-bootstrap/#/progressbar.\r\n\r\nAnother issue is that, it is also not working for 'types'. Either I assign any type: danger, success, warning etc., it always show blue one.\r\n\r\nMy package.json is:\r\n```\r\n{\r\n  \"name\": \"test-asp-angular\",\r\n  \"version\": \"0.0.0\",\r\n  \"license\": \"MIT\",\r\n  \"scripts\": {\r\n    \"ng\": \"ng\",\r\n    \"start\": \"ng serve\",\r\n    \"build\": \"ng build\",\r\n    \"test\": \"ng test\",\r\n    \"lint\": \"ng lint\",\r\n    \"e2e\": \"ng e2e\"\r\n  },\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"@angular/common\": \"^2.4.0\",\r\n    \"@angular/compiler\": \"^2.4.0\",\r\n    \"@angular/core\": \"^2.4.0\",\r\n    \"@angular/forms\": \"^2.4.0\",\r\n    \"@angular/http\": \"^2.4.0\",\r\n    \"@angular/platform-browser\": \"^2.4.0\",\r\n    \"@angular/platform-browser-dynamic\": \"^2.4.0\",\r\n    \"@angular/router\": \"^3.4.0\",\r\n    \"core-js\": \"^2.4.1\",\r\n    \"ngx-bootstrap\": \"^1.6.6\",\r\n    \"rxjs\": \"^5.1.0\",\r\n    \"zone.js\": \"^0.7.6\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular/cli\": \"1.0.0-rc.1\",\r\n    \"@angular/compiler-cli\": \"^2.4.0\",\r\n    \"@types/jasmine\": \"2.5.38\",\r\n    \"@types/node\": \"~6.0.60\",\r\n    \"codelyzer\": \"~2.0.0\",\r\n    \"jasmine-core\": \"~2.5.2\",\r\n    \"jasmine-spec-reporter\": \"~3.2.0\",\r\n    \"karma\": \"~1.4.1\",\r\n    \"karma-chrome-launcher\": \"~2.0.0\",\r\n    \"karma-cli\": \"~1.0.1\",\r\n    \"karma-jasmine\": \"~1.1.0\",\r\n    \"karma-jasmine-html-reporter\": \"^0.2.2\",\r\n    \"karma-coverage-istanbul-reporter\": \"^0.2.0\",\r\n    \"protractor\": \"~5.1.0\",\r\n    \"ts-node\": \"~2.0.0\",\r\n    \"tslint\": \"~4.4.2\",\r\n    \"typescript\": \"~2.0.0\"\r\n  }\r\n}\r\n```\r\n![bad-display-progressbar](https://cloud.githubusercontent.com/assets/12494385/26581144/83f6b958-453b-11e7-901b-94a4b403ac51.jpg)\r\n"},"comment":{"url":"https://api.github.com/repos/valor-software/ngx-bootstrap/issues/comments/343808391","html_url":"https://github.com/valor-software/ngx-bootstrap/issues/2009#issuecomment-343808391","issue_url":"https://api.github.com/repos/valor-software/ngx-bootstrap/issues/2009","id":343808391,"user":{"login":"suparnavg","id":1419812,"avatar_url":"https://avatars3.githubusercontent.com/u/1419812?v=4","gravatar_id":"","url":"https://api.github.com/users/suparnavg","html_url":"https://github.com/suparnavg","followers_url":"https://api.github.com/users/suparnavg/followers","following_url":"https://api.github.com/users/suparnavg/following{/other_user}","gists_url":"https://api.github.com/users/suparnavg/gists{/gist_id}","starred_url":"https://api.github.com/users/suparnavg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/suparnavg/subscriptions","organizations_url":"https://api.github.com/users/suparnavg/orgs","repos_url":"https://api.github.com/users/suparnavg/repos","events_url":"https://api.github.com/users/suparnavg/events{/privacy}","received_events_url":"https://api.github.com/users/suparnavg/received_events","type":"User","site_admin":false},"created_at":"2017-11-13T04:25:04Z","updated_at":"2017-11-13T04:25:04Z","author_association":"NONE","body":"Here's a short plunkr (very simple trial implementation). I'll post a solution here in case I manage to figure it out. To reiterate I'm now using the v2 beta .8, bootstrap 4.0.0-alpha.5, and the other ngx bootstrap components I've used are working perfectly (tabs, typeahead, dropdown)\r\n\r\nhttp://plnkr.co/edit/RPx4exanwRURfrVjtpf1?p=info"}}
{"actor":{"display_login":"suparnavg"}}