你已经在像paypal这样的网站上看到过这种进度条的迭代。如何使用CSS
和jquery
进行设置?我有4页,每页都是一个步骤…所以有4个步骤。
发布于 2011-09-24 06:27:07
发布于 2012-10-10 01:03:05
发布于 2011-03-07 06:15:20
我所要做的就是使用与悬停按钮相同的技巧。准备一个包含两个部分的图像:(1)上半部分是灰色的,表示不完整,(2)下半部分是彩色的,表示完成。使用相同的图像4次组成进度条的4个步骤,对于未完成的步骤,请在顶部对齐,对于未完成的步骤,请在底部对齐。
为了利用图像对齐的优势,您必须使用图像作为4个div的背景,而不是使用img元素。
这是用于背景图像对齐的CSS:
div.progress-incomplete {
background-position: top;
}
div.progress-finished {
background-position: bottom;
}
https://stackoverflow.com/questions/5213753
复制相似问题