t1c.dev
forked from
rocksky.app/rocksky
A decentralized music tracking and discovery platform built on AT Protocol 馃幍
tsiry-sandratraina.com
1import { FC } from "react";
2import { View } from "react-native";
3
4export type ProgressbarProps = {
5 progress: number;
6 className?: string;
7 color?: string;
8};
9
10const Progressbar: FC<ProgressbarProps> = (props) => {
11 const color = props.color ? props.color : "#ff2876";
12
13 return (
14 <View
15 className={`w-full h-[2px] bg-[rgba(109,109,156,0.3)] rounded-[10px] ${props.className}`}
16 style={{ overflow: "hidden" }}
17 >
18 <View
19 className="h-full rounded-[10px]"
20 style={{
21 width: `${props.progress}%`,
22 backgroundColor: color,
23 }}
24 />
25 </View>
26 );
27};
28
29export default Progressbar;