html - 在此循环进度条中编辑尺寸 CSS

Question

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

为了得到一个漂亮的圆形进度条，但问题是，我想让它变大，它看起来很小，当尝试这样做时，它变得很糟糕，这是我的错误，来自帮助的人，请： )

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

有什么办法可以用 CSS 做大吗？

标签： htmlcss

Answer 1

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

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

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

此解决方案的缺点是，在缩放图表可能大于周围的框后，缩放是渲染中的最后一件事，因此您需要小心不要与包装图表的容器重叠。