幽灵滑块

Spectre Slider 条用于在滑块模式下创建进度条。

您可以将bar-slider类添加到 Bars 容器中。使用bar-item类添加子元素，并使用类bar-item为 div 内的按钮添加类bar-slider-btn 。您还需要手动添加bar-item宽度以设置滑块点。

如果在一个 bar-slider 中有两个具有类bar-item的 div，则可以有一个范围滑块。

Spectre 滑块类：

• bar：这个类用来创建一个bar。
• bar-slider：该类用于在滑块模式下创建栏。
• bar-item：该类用于设置子元素。
• bar-slider-btn：该类用于设置按钮栏滑块。

句法：

    

        
            ....
        
    

示例：在此示例中，我们将使用两个滑块，一个具有范围，另一个是普通滑块。这些条不是响应。

HTML

  

    
    
    
    

  

    
        
GeeksforGeeks
        SPECTRE Slider bars Class
    
    

    Range Slider Bars:
    

      

        
            
Minimum
        
      
      

        
            
Maximum
        
      
    
    

    Slider Bars:
    

    

      
          
75%
      
    

输出：

幽灵滑块

参考： https://picturepan2.github.io/spectre/components/bars.html#bars-slider