在此圆形进度栏中编辑大小CSS

Question

我使用以下代码：bootstrap Circular progress bar using custom CSS and JS

要获得一个漂亮的圆形进度条，但问题是，我想将其放大，看起来很小，并且在尝试这样做时，它变得很糟糕，这是我的错误，是来自帮助某人的人，请：）

谢谢，我知道解决方案很简单，但是我不是CSS专业人士

有什么方法可以使CSS变大？

Answer 1

Bootstrap圆形进度条内部具有始终为100px x 100px的硬编码值。

使它变大的最简单方法是使用transform:scale()并将最终图表调整为适当的大小。

请参阅示例小提琴：https://jsfiddle.net/ywoat4s2/26/

此解决方案的缺点是，在缩放图表可能比周围的框大之后，缩放成为渲染的最后一件事，因此您需要注意不要重叠包装图表的容器。