自定义antd progress进度条组件样式

Ly_cat

于 2023-07-07 15:42:43 发布

阅读量1.4k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_43853746/article/details/131598332

版权

在这里插入图片描述

            .box1-progress {
              color: red !important;
              height: 100px !important;
              //width: 100% !important;
              position: relative;
              //border-radius: 0rem !important;
              .ant-progress-text {
                //display: none;
                position: absolute;
                left: 5px;
                top: 10px;
                font-size: 12px;
                color: #fff;
              }
              .ant-progress-outer {
                padding: .06rem .1rem;
                border-radius: 0 !important;
                width: 100% !important;
                .ant-progress-bg {
                  border-radius: 0 !important;
                  height: 20px !important;
                }
              }
              .ant-progress-inner {
                background-color: #4E6A96;
                border-radius: 0 !important;
              }
            }