<div ng-show="dataReady" class="wizdom-profileProgress-main">
    <div class="wizdom-profileProgress-row">
        <div class="wizdom-profileProgress-imgColumn">
            <!--<div wizdom365-presence-picture size="AVATAR" accountname="data.user.accountName" name="data.user.name"></div>-->
            <div wizdom365-presence-picture
                 size="AVATAR"
                 email="data.user.email"
                 accountname="data.user.accountName"
                 name="data.user.name"
                 url="data.user.publicUrl"
                 image="data.user.pictureURL"></div>
        </div>
        <div class="wizdom-profileProgress-textColumn">
            <div class="name">{{data.user.name}}</div>
            <section>
                <div class="wizdom-profileProgress-bar-container">
                    <div class="wizdom-profileProgress-colored-bar" ng-class="{zero: data.procent==0, mid:30<data.procent && data.procent<70, high:70<data.procent}" ng-style="{width: data.procent == 0 ? '100%' : data.procent + '%'}">
                        {{data.procent}}%
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<div ng-show="dataReady" class="container-fluid wizdom-profileProgress-editProfile wizdom-fullwidth">
    <div class="row">
        <a ng-click="clearCache()" ng-href="{{data.editLink}}" target="_blank">{{'Add information to your profile' | translate}}</a>
    </div>
</div>