幽灵条用于表示任务的进度,其值在已知范围内。条形图是用于显示 HTML5 、
在 Spectre Bars 中,我们有默认的栏和滑块,Spectre Slider Bars 用于在滑块模式下创建进度条。您可以将 bar-slider 类添加到 Bars 容器中。使用类 bar-item 添加子元素,并使用类 bar-item 为 div 内的按钮添加类 bar-slider-btn。您还需要手动添加 bar-item 宽度来设置滑块点。
幽灵棒类型:
幽灵酒吧 类别:
语法:
下面的示例说明了重影条。
示例 1:
HTML
极客们的极客们
SPECTRE 棒类
滑块:
滑块:
HTML
极客们的极客们
SPECTRE 滑杆 Class
范围滑块:
滑块:
输出:
示例 2:在此示例中,我们将创建一个滑块。
HTML
极客们的极客们
SPECTRE 滑块类
范围滑块:
滑块:
输出:
参考: https://www.sychzs.cn/spectre/components/bars.html