写一个echarts 进度图

好的，以下是一个简单的echarts进度图实现：

<!-- 引入echarts.js -->
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>

<!-- 在html中定义一个容器，用于显示echarts图表 -->
<div id="chart" style="width: 600px; height: 400px;"></div>

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置echarts选项
var option = {
  title: {
    text: '进度图'
  },
  tooltip: {},
  xAxis: {
    type: 'category',
    data: ['任务1', '任务2', '任务3', '任务4']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: '进度',
    type: 'bar',
    data: [60, 80, 20, 40], // 进度数据
    markLine: { // 标记线，表示完成度
      data: [
        {type: 'average', name: '完成度'}
      ]
    }
  }]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

这是一个简单的进度图，用于表示四个任务的完成度。其中，x轴表示任务名称，y轴表示进度，每个柱子的高度表示对应任务的完成度。同时，使用markLine表示完成度的平均值。