current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Dismiss
Announcing Stack Overflow Documentation

We started with Q&A. Technical documentation is next, and we need your help.

Whether you're a beginner or an experienced developer, you can contribute.

Sign up and start helping → Learn more about Documentation →
up vote 0 down vote favorite

I want to set max value to 200 count and when i receive message it should show current messages count in progressbar , With below code when i send one message whole progress bar display 100% and it also shows text in the progressbar. Any idea ?

main.html

<uib-progress><uib-bar ng-repeat="bar in event track by $index" max="max" value="bar"><span ng-hide="bar < 5">{{bar}}%</span></uib-bar></uib-progress>

ctrl.js

$scope.max = 200;
$scope.event = ["lorem ipsum","lorem ipsum","lorem ipsum"]
share|improve this question
up vote 1 down vote accepted

use this max="{{max}}"

<uib-progress><uib-bar ng-repeat="bar in event track by $index" max="{{max}}" value="bar"><span ng-hide="bar < 5">{{bar}}%</span></uib-bar></uib-progress>
share|improve this answer
    
Thanks but your solution did not work, It also shows text inside progressbar not sure why. – hussain Aug 17 at 15:03
1  
it worked if i removed ng-repeat and set different configuaration, Thanks – hussain Aug 17 at 16:17

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.