18910140161

HTML-表单堆栈溢出4个步骤的循环进度条

顺晟科技

2022-10-19 12:56:56

172

查找循环进度,以指示用户在哪一步中结束了4。

喜欢 4张表格中的第1张, 四分之二, 四分之三, 4种表格中的第4种

下面是预期内容的屏幕快照。

我有几个例子里面有两个div。CSS Progress circle

我认为这在我的情况下很复杂,我只需要4个步骤。


顺晟科技:

以下是使用边框的另一种方法:

以下是我的解决方案,它使用了border和sudo元素和

非常简单。

注意:只能在4个步骤的情况下使用。

您可以将进度条作为表单本身的伪元素,或者作为单独的元素,使用圆锥曲线和径向渐变来绘制圆圈。

例如,当您要显示totalSteps中某一特定步骤的时间时,可以使用以下语句来绘制:

before

这样,它将适用于任意数量的步骤。

简单示例:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航