如何在CSS3中创建Windows 10进度条(不是圆点而是水平线加载点)?

时间:2019-07-12 02:27:45

标签: css windows-10

我正在寻找可以在项目中使用的CSS中的Windows 10样式加载栏。我希望在加载某些程序或组件时可以在Windows 10中找到水平方向的加载点。

此处是Microsoft的进度控件文章:https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/progress-controls

我指的是 不确定的进度条

我找到了一个链接:https://codepen.io/brunjo/pen/VYebBq

这至少可以帮助我开始使用进度条,但是如果我用<div>创建一个外部position: relative,则当点达到100%时,它们实际上会从外部消失<div>,那不是我想要的。我希望点数在达到100%时消失在外部''之内。

有人可以帮我解决这个问题,或者给我更好的解决方案,让使用CSS的进度条很棒。

0 个答案:

没有答案