“Progresso circular para reagir” Respostas de código

Progresso circular para reagir

import { CircularProgressbar, buildStyles } from 'react-circular-progressbar';

const percentage = 66;

<CircularProgressbar
  value={percentage}
  text={`${percentage}%`}
  styles={buildStyles({
    // Rotation of path and trail, in number of turns (0-1)
    rotation: 0.25,

    // Whether to use rounded or flat corners on the ends - can use 'butt' or 'round'
    strokeLinecap: 'butt',

    // Text size
    textSize: '16px',

    // How long animation takes to go from one percentage to another, in seconds
    pathTransitionDuration: 0.5,

    // Can specify path transition in more detail, or remove it entirely
    // pathTransition: 'none',

    // Colors
    pathColor: `rgba(62, 152, 199, ${percentage / 100})`,
    textColor: '#f88',
    trailColor: '#d6d6d6',
    backgroundColor: '#3e98c7',
  })}
/>;
dhiraj subudhi

Círculo de progresso de reação

<div style={{ width: 200, height: 200 }}>
  <CircularProgressbar value={66} />
</div>
Enthusiastic Elk

Respostas semelhantes a “Progresso circular para reagir”

Perguntas semelhantes a “Progresso circular para reagir”

Mais respostas relacionadas para “Progresso circular para reagir” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código