pub fn progress_animated(percent: u8, color: Color) -> Element<Div>Expand description
Create an animated striped progress bar.
Examples found in repository?
examples/bootstrap_docs.rs (line 541)
484fn progress_section() -> Element<Section> {
485 Element::<Section>::new()
486 .attr("id", "progress")
487 .class("mb-5")
488 .child::<H2, _>(|h| h.class("border-bottom pb-2").text("Progress"))
489 .child::<P, _>(|p| {
490 p.class("lead")
491 .text("Documentation and examples for using Bootstrap custom progress bars.")
492 })
493 // Basic example
494 .child::<H4, _>(|h| h.class("mt-4").text("Example"))
495 .child::<Div, _>(|d| {
496 d.class("bd-example mb-3")
497 .child::<Div, _>(|d| d.class("mb-2").child::<Div, _>(|_| progress::progress(0)))
498 .child::<Div, _>(|d| d.class("mb-2").child::<Div, _>(|_| progress::progress(25)))
499 .child::<Div, _>(|d| d.class("mb-2").child::<Div, _>(|_| progress::progress(50)))
500 .child::<Div, _>(|d| d.class("mb-2").child::<Div, _>(|_| progress::progress(75)))
501 .child::<Div, _>(|d| d.class("mb-2").child::<Div, _>(|_| progress::progress(100)))
502 })
503 // Colored
504 .child::<H4, _>(|h| h.class("mt-4").text("Backgrounds"))
505 .child::<Div, _>(|d| {
506 d.class("bd-example mb-3")
507 .child::<Div, _>(|d| {
508 d.class("mb-2")
509 .child::<Div, _>(|_| progress::progress_colored(25, Color::Success))
510 })
511 .child::<Div, _>(|d| {
512 d.class("mb-2")
513 .child::<Div, _>(|_| progress::progress_colored(50, Color::Info))
514 })
515 .child::<Div, _>(|d| {
516 d.class("mb-2")
517 .child::<Div, _>(|_| progress::progress_colored(75, Color::Warning))
518 })
519 .child::<Div, _>(|d| {
520 d.class("mb-2")
521 .child::<Div, _>(|_| progress::progress_colored(100, Color::Danger))
522 })
523 })
524 // Striped
525 .child::<H4, _>(|h| h.class("mt-4").text("Striped"))
526 .child::<Div, _>(|d| {
527 d.class("bd-example mb-3")
528 .child::<Div, _>(|d| {
529 d.class("mb-2")
530 .child::<Div, _>(|_| progress::progress_striped(25, Color::Primary))
531 })
532 .child::<Div, _>(|d| {
533 d.class("mb-2")
534 .child::<Div, _>(|_| progress::progress_striped(50, Color::Success))
535 })
536 })
537 // Animated
538 .child::<H4, _>(|h| h.class("mt-4").text("Animated Stripes"))
539 .child::<Div, _>(|d| {
540 d.class("bd-example mb-3")
541 .child::<Div, _>(|_| progress::progress_animated(75, Color::Primary))
542 })
543}