echarts 进度条

好的，关于 echarts 进度条，你需要先引入 echarts 库，然后使用以下代码即可创建一个简单的进度条：

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
    series: [{
        type: 'liquidFill',
        data: [0.6, 0.5, 0.4],
        radius: '80%',
        backgroundStyle: {
            color: '#fff'
        },
        label: {
            normal: {
                formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}%',
                rich: {
                    a: {
                        color: '#999',
                        fontSize: 16,
                        lineHeight: 20,
                        align: 'center'
                    },
                    hr: {
                        borderColor: '#999',
                        width: '100%',
                        borderWidth: 0.5,
                        height: 0
                    },
                    b: {
                        color: '#333',
                        fontSize: 16,
                        lineHeight: 20
                    },
                    abg: {
                        backgroundColor: '#e3e3e3',
                        width: '100%',
                        align: 'right',
                        height: 20,
                        borderRadius: [4, 4, 0, 0]
                    }
                }
            }
        }
    }]
});

其中，`data` 数组中的三个值分别表示三个进度条的进度，`radius` 表示进度条的半径大小，`label` 中的 `formatter` 属性可以自定义进度条上的文本信息。