Overview

The Remix-Progressbar is a progress bar component designed specifically for Remix applications. It allows users to display a loading bar with customizable options such as color, height, spinner, and animation speed.

Features

Color: Customize the color of the bar and the spinner. The default color is #3366FF.
Height: Set the height of the bar in pixels. The default height is 2px.
Show Spinner: Toggle the display of a spinner. By default, the spinner is shown.
Delay: Delay the animation by a specified number of milliseconds. Useful when you want to hide the bar for pages without loaders. The default delay is 0.
Start From: Define the starting point of the bar as a percentage. The default starting point is 20%.
Easing: Adjust the easing animation of the bar using a CSS easing string. The default easing is linear.
Speed: Adjust the animation speed of the bar in milliseconds. The default speed is not specified.
Trickle: Enable or disable automatic incrementing behavior of the bar. The default behavior is enabled.
Trickle Speed: Set the interval between increments in milliseconds. The default trickle speed is not specified.
Custom CSS: Use a callback function to receive and return a custom CSS string for styling. The default callback function returns the CSS string as a style tag.

Summary

The Remix-Progressbar is a versatile progress bar component for Remix applications. It offers a range of customization options for color, height, spinner visibility, animation speed, and more. With its easy installation and configuration process, it provides a convenient way to display loading bars in Remix apps. The component is licensed under the MIT License, allowing for flexible usage and modification.

Dev Afzalansari

Remix Progressbar