当前位置:网络安全 > 幽灵条

幽灵条

  • 发布:2023-10-07 12:33

幽灵条用于表示任务的进度,其值在已知范围内。条形图是用于显示 HTML5 和输入范围元素的组件。

在 Spectre Bars 中,我们有默认的栏和滑块,Spectre Slider Bars 用于在滑块模式下创建进度条。您可以将 ​​bar-slider 类添加到 Bars 容器中。使用类 bar-item 添加子元素,并使用类 bar-item 为 div 内的按钮添加类 bar-slider-btn。您还需要手动添加 bar-item 宽度来设置滑块点。

幽灵棒类型:

  • Spectre 默认条: 用于创建普通条。
  • 幽灵滑块: 这些用于在滑块模式下创建进度条。

幽灵酒吧 类别:

  • bar:该类用于创建默认栏和滑动栏。
  • bar-slider:此类用于创建滑块。

语法:

下面的示例说明了重影条。

示例 1:

HTML



极客们的极客们

SPECTRE 棒类

滑块:

滑块:


HTML











极客们的极客们

SPECTRE 滑杆 Class

范围滑块:

滑块:


输出:

示例 2:在此示例中,我们将创建一个滑块。

HTML




极客们的极客们

SPECTRE 滑块类

范围滑块:

滑块:

输出:

参考: https://www.sychzs.cn/spectre/components/bars.html


相关文章