第一种方法(适用于H5项目)
<template>
<view class="touristPage">
<!-- 来源区域统计 -->
<view class="content">
<view class="progressBox" ref="progressBox">
<view class="progressItem" v-for="(item,index) in progressBox" :key="index">
<view>{
{item.province}}</view>
<progress class="progress" :percent="item.percent" :activeColor="item.activeColor" active stroke-width="19" backgroundColor="none"/>
<view>{
{item.ratio}}%</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
progressBox:[{