Trickling (progress bar)

A modern nanoscopic progress bar for web APP.
Featuring realistic trickle animations to convince your users that something is happening!

import { createTrickling } from 'trickling'

// Create a Trickling progress instance
const tricklingProgress = createTrickling({
  /* options */
})

// Shows the Trickling progress bar
tricklingProgress.start()

// Then, Completes the Trickling progress
tricklingProgress.done()

Color:

Progress bar height:

Spinner size:

Spinner stroke width:

Spinner opacity:

RTL:

Remove from DOM when progress done:

trickling.start() ---> Shows the progress bar

trickling.set(0.4) ---> Sets a percentage

trickling.inc() ---> Increments by a little

trickling.done() ---> Completes the progress