envov / progress-it Goto Github PK

View Code? Open in Web Editor NEW

8.0 8.0 1.0 773 KB

Fake progress, Functional

Home Page: https://Envov.github.io/progress-it/

License: MIT License

TypeScript 40.96% HTML 33.26% CSS 25.78%

fake-progress functional progress progress-bar progress-view progressbar react typescript vue

progress-it's People

Contributors

Stargazers

Watchers

Forkers

trendingtechnology

progress-it's Issues

umd support

fix git page

v1.0.0 build

v1.1.1 build

🤞🏻 Map Boolean As Floating Number, Simple And Functional
Preview | Example

start

yarn add progress-it 
or
npm install progress-it

import progress from "progress-it"
const effect=console.log
const stateSetter = progress(effect)(false);
const finish=()=>stateSetter(true)
const fail=()=>stateSetter('fail')
setTimeout(finish,1000)

output

0.0000001 false
0.0000002 false
0.0000004 false
...
0.9999999 false
# after 1000ms 
1 true

api

type Effect = (percent: number, state: boolean | 'fail') => void;
interface IProgressPotions {
    interval: number;//default 100
    speed: number; //default 0.01
}
type Setter=(newState: boolean | 'fail')=>Setter
const progress: (effect: Effect, option: Partial<IProgressPotions>) => (initState: boolean) => (newState: boolean) => Setter;
const stateSetter:Setter = progress(effect)(false);

example support

with typescript

v1.1.0

🤞🏻 Map Boolean As Floating Number, Simple And Functional
Preview | Example

start

yarn add progress-it 
or
npm install progress-it

import progress from "progress-it"
const effect=console.log
const stateSetter = progress(effect)(false);
const finish=()=>stateSetter(true)
const fail=()=>stateSetter('fail')
setTimeout(finish,1000)

output

0.0000001 false
0.0000002 false
0.0000004 false
...
0.9999999 false
# after 1000ms 
1 true

api

type Effect = (percent: number, state: boolean | 'fail') => void;
interface IProgressPotions {
    interval: number;//default 100
    speed: number; //default 0.01
}
type Setter=(newState: boolean | 'fail')=>Setter
const progress: (effect: Effect, option: Partial<IProgressPotions>) => (initState: boolean) => (newState: boolean) => Setter;
const stateSetter:Setter = progress(effect)(false);

envov / progress-it Goto Github PK

progress-it's People

Contributors

Stargazers

Watchers

Forkers

progress-it's Issues

🤞🏻 Map Boolean As Floating Number, Simple And Functional Preview | Example

start

output

api

🤞🏻 Map Boolean As Floating Number, Simple And Functional Preview | Example

start

output

api

Recommend Projects

Recommend Topics

Recommend Org

🤞🏻 Map Boolean As Floating Number, Simple And Functional
Preview | Example

🤞🏻 Map Boolean As Floating Number, Simple And Functional
Preview | Example