<view class="out-view">
  <view wx:for="{{10}}" wx:for-index="dkprogressIndex" wx:key="dkprogressIndex">
    <view wx:if="{{(item+1) <= wxs.getInt(progress)}}" style="border-radius: 2rpx;background: #77C5D5;width: 100%;height: 100%;"></view>
    <view wx:if="{{(item+1) === (wxs.getInt(progress)+1)}}" style="{{'border-radius: 2rpx;background: #77C5D5;width: '+(wxs.getFloat(progress)*100)+'%;height: 100%;'}}"></view>
  </view>
</view>

<wxs module="wxs">
  var getInt = function(number){
    return parseInt(number/10)
  }
  var getFloat = function(number){
    var arr =  parseFloat(number/10).toFixed(2).split(".")
    return parseFloat('0.'+arr[1])
  }
  module.exports.getInt = getInt;
  module.exports.getFloat = getFloat;
</wxs>