# 自定义样式 ## 6.6.3.自定义样式 使用css自定义样式： ~~~ <div id="demoProgress1"></div> <script> layui.use(['CircleProgress'], function () { var CircleProgress = layui.CircleProgress; // 快速使用 new CircleProgress('#demoProgress1', { max: 100, value: 20, textFormat: 'percent' }); }); </script> <style> /* 进度条选中的样式 */ #demoProgress1 .circle-progress-value { stroke-width: 8px; /* 粗度 */ stroke: #3FDABA; /* 颜色 */ } /* 进度条未选中的样式 */ #demoProgress1 .circle-progress-circle { stroke-width: 6px; stroke: #E0FAF1; } </style> ~~~  > 此插件是使用svg实现的，想要实现更丰富的样式，可先了解下svg