wechat-pilelog/components/circle-progress/circle-progress.wxss

/* components/circle/circle.wxss */

.container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:0;
    padding:0;
    /* background-color: #34343d; */
  }
   
  .progress_box {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    margin:0;
    padding:0;
  }
   
  .progress_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
  }
   
  .progress_canvas {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
  }
   
  .progress_text {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    margin:0;
    padding:0;
  }
   
  .progress_info {
    font-size: 16rpx;
    text-align: center;
    /* letter-spacing: 2rpx; */
    color: #21ADFF;
    margin:0;
    padding:0;
  }
  .progress_info.dis {
    color: #B6B3C1;
    margin:0;
    padding:0;
  }