progressBar

A thin bar that fills proportionally as you advance through slides. Distinct from the pagination progress type — this renders an absolute-position bar at the top or bottom.

Import

import { progressBar } from '@andresclua/sliderkit-plugins'

Usage

new Slider('#el', {
  loop: false,
  plugins: [progressBar()],
})

Options

Option	Type	Default	Description
el	string | HTMLElement	—	Target container. Auto-created after slider if omitted.

CSS classes

Class	Element
.c--slider-a__progress	Track bar container
.c--slider-a__progress-fill	Fill element (width animated)

Demo

View progress bar demo →