set text in progress bar centered
This commit is contained in:
parent
347be6695d
commit
f4678ad234
|
@ -301,6 +301,20 @@ td {
|
|||
font-size: 12px;
|
||||
}
|
||||
|
||||
.task-table .progress {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.task-table .progress span {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.task-table .progress span.progress-lower {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* settings-table */
|
||||
.settings-table {
|
||||
margin-left: 15px;
|
||||
|
|
|
@ -49,8 +49,8 @@
|
|||
<div class="progress-bar progress-bar-primary" role="progressbar"
|
||||
aria-valuenow="{{task.completePercent}}" aria-valuemin="1"
|
||||
aria-valuemax="100" style="width: {{task.completePercent}}%;">
|
||||
<div ng-class="{'lower': task.completePercent < 50}"
|
||||
ng-bind="(task.completePercent | percent: 2) + '%'"></div>
|
||||
<span ng-class="{'progress-lower': task.completePercent < 50}"
|
||||
ng-bind="(task.completePercent | percent: 2) + '%'"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
|
Reference in a new issue