@ray-js/components-ty-progress-bar v0.1.1

English | 简体中文

@ray-js/components-ty-progress-bar

涂鸦风格进度条

Installation

$ npm install @ray-js/components-ty-progress-bar
# or
$ yarn add @ray-js/components-ty-progress-bar

Usage

import ProgressBar from '@ray-js/components-ty-progress-bar';
export default () => <ProgressBar />;

Base Usage

<ProgressBar percent={20} />

Specify Line Height

<ProgressBar percent={40} height="8px" />

Specify Line Width

<ProgressBar percent={70} width="40%" />

Specify Color

<ProgressBar
  style={{ marginBottom: '18rpx' }}
  percent={70}
  fillColor="linear-gradient(to right, #FA709A 0%, #FEDD44 100%)"
/>