Progress.Bar

Show progress of some activity with a bar.

Import

import { Progress } from "@dhua5922/react-native-kit";

Examples

Live Editor

function Example() {
  const [progress, setProgress] = useState(0);
  setTimeout(() => setProgress(progress + 1), 500);
  return (
    <Progress.Bar color="blue" progress={progress} duration={500}>
      {progress}%
    </Progress.Bar>
  );
}

Result

Loading...

Props

note

Include all props from Div

Name	Type	Default	Description
progress	number		Current progress of activity.
duration	number	300	Duration of moving bar animation in milliseconds.
color	string		Color of progress bar and text.