{"repo":"klendi/react-top-loading-bar","free":true,"listed":false,"github":"https://github.com/klendi/react-top-loading-bar","clone":"git clone https://github.com/klendi/react-top-loading-bar.git","description":"A very simple, highly customisable youtube-like react loader component.","language":"TypeScript","stars":749,"topics":["react","reactjs","loading-bar","loading","react-loading-bar","youtube-loader-indicator","loading-indicator","preloader","react-loader","react-indicators"],"license":"MIT","category":"ui-components","readme_excerpt":"react-top-loading-bar [![npm download][download-image]][download-url] [download-image]: https://img.shields.io/npm/dm/react-top-loading-bar.svg [download-url]: https://npmjs.org/package/react-top-loading-bar Install - using npm - using yarn - CDN Usage Using hooks Wrap the app with LoadingBarContainer With ref With state Demo Click here for demo Built-in Methods Methods Parameters Descriptions ------------------------------------------- :---------------------------------: --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- start(loaderType?) continuous (default) or static Starts the loading indicator. If type is \"static\" it will start the static bar otherwise it will start the animated continuous bar. continuousStart(startingValue, refreshRate) Number (optional), Number(optional) Starts the loading indicator with a random starting value between 20-30, then repetitively after an refreshRate, increases it by a random value between 2-10. This continues until it reaches 90% of the indicator's width. staticStart(startingValue) Number (optional) Starts the loading indicator with a random starting value between 30-50. complete() Makes the loading indicator reach 100% of his width and then fade. increase(value) Number Adds a value to the loading indicator. decrease(value) Number Decreases a value to the loading indicat","default_branch":null,"files":null,"tree":[],"storefront":"/r/klendi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/klendi/react-top-loading-bar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}