fix(Progress): fix style (#4153)

* fix(Progress): fix style

* docs(Progress): update

* fix(Progress): fixed the text padding error in the circle-type progress

Author: anlyyao

packages/components/common/style/theme/_components.less

@@ -24,5 +24,7 @@
 
     --td-switch-dot-disabled-color: var(--td-font-white-2);
     --td-switch-loading-color: var(--td-font-white-1);
+
+    --td-progress-circle-inner-bg-color: var(--bg-color-page);
   }
 }

packages/components/progress/README.en-US.md

@@ -43,7 +43,7 @@ Name | Default Value | Description
 --td-progress-inner-bg-color-success | @success-color | -
 --td-progress-inner-bg-color-warning | @warning-color | -
 --td-progress-circle-icon-size | 96rpx | -
---td-progress-circle-inner-bg-color | @text-color-anti | -
+--td-progress-circle-inner-bg-color | @bg-color-container | -
 --td-progress-circle-label-font | @font-title-extraLarge | -
 --td-progress-circle-width | 224rpx | -
 --td-progress-inner-bg-color | @brand-color | -

packages/components/progress/README.md

@@ -95,7 +95,7 @@ t-class-label | 标签样式类
 --td-progress-inner-bg-color-success | @success-color | -
 --td-progress-inner-bg-color-warning | @warning-color | -
 --td-progress-circle-icon-size | 96rpx | -
---td-progress-circle-inner-bg-color | @text-color-anti | -
+--td-progress-circle-inner-bg-color | @bg-color-container | -
 --td-progress-circle-label-font | @font-title-extraLarge | -
 --td-progress-circle-width | 224rpx | -
 --td-progress-inner-bg-color | @brand-color | -

packages/components/progress/progress.less

@@ -38,7 +38,7 @@
   --td-progress-info-light-color,
   @text-color-anti
 ); // 进度条浅色label字体颜色(在进度条色块内显示的色值)
-@progress-circle-inner-bg-color: var(--td-progress-circle-inner-bg-color, @text-color-anti); // 环境进度条内圆背景色
+@progress-circle-inner-bg-color: var(--td-progress-circle-inner-bg-color, @bg-color-container); // 环境进度条内圆背景色
 
 @progress: ~'@{prefix}-progress';
 
@@ -141,6 +141,7 @@
 
   .@{progress}__info {
     margin: 0;
+    padding: 0;
     font: @progress-circle-label-font;
     overflow: hidden;
     text-overflow: ellipsis;

packages/tdesign-miniprogram/example/app.less

@@ -19,7 +19,6 @@ page {
   --bg-color-demo-secondary: var(--td-bg-color-container);
   --td-navbar-bg-color: var(--td-bg-color-page);
   --td-navbar-color: var(--td-text-color-primary);
-  --td-progress-circle-inner-bg-color: var(--bg-color-demo);
 }
 
 .skyline {