How to use the rc-progress.Line function in rc-progress
To help you get started, we’ve selected a few rc-progress examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
navignaw / TooManyChefs / js / ChefBox.react.js View on Github 
var Progress = require('rc-progress').Line;
var React = require('react');
var TimerMixin = require('react-timer-mixin');
var TransitionGroup = require('react-addons-css-transition-group');
var _ = require('lodash');
var chroma = require('chroma-js');
var cx = require('classnames');
var Audio = require('./Audio.js');
var CapsLock = require('./CapsLock.react.js');
var Chef = require('./Chef.js');
var Inst = require('./Instruction.react.js');
var RecipeStep = require('./RecipeStep.react.js');
const RESCUE_TEXT = ['save', 'rescue', 'help', 'assist', 'support', 'inspire', 'bail', 'hug', 'heal', 'comfort', 'tickle', 'calm', 'feed'];_react2.default.createElement(
'div',
{ className: 'weditor-uploader-file-inner' },
_react2.default.createElement(
'p',
{ className: 'weditor-image-tips',
style: { display: progress === 0 || progress === 100 ? 'block' : 'none' } },
'\u6700\u5927\u4E0A\u4F2020M\u7684\u56FE\u7247'
),
_react2.default.createElement(
_button2.default,
{ id: 'weditorUploaderPick',
style: { display: progress === 0 || progress === 100 ? 'block' : 'none' } },
'\u70B9\u51FB\u4E0A\u4F20'
),
_react2.default.createElement(_rcProgress.Line, { percent: progress, trailWidth: '2', strokeWidth: '2', strokeColor: '#118bfb',
style: { display: progress > 0 && progress < 100 ? 'block' : 'none' } })
)
),
_react2.default.createElement(
_rcTabs.TabPane,
{ tab: '插入外链', key: '2' },
_react2.default.createElement(
'div',
{ className: 'weditor-uploader-file-inner' },
_react2.default.createElement(
'div',
null,
_react2.default.createElement(_input2.default, { onChange: this.onLinkUrlChange }),
_react2.default.createElement(
_button2.default,
{ onClick: this.insertLink },
